HTML学习

最新推荐文章于 2024-09-22 23:26:43 发布
最新推荐文章于 2024-09-22 23:26:43 发布
阅读量386 收藏
点赞数
分类专栏： web前端 文章标签： html 文档 语言 浏览器 编程 web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leohxj/article/details/6144979
版权

什么是 HTML？

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

 

HTML 元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

开始标签元素内容结束标签
<p>This is a paragraph</p>
<a href="default.htm" >This is a link</a>
<br />  

注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。

HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在 HTML 元素的开始标签中规定。

始终为属性值加引号

属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。

在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：

name='Bill "HelloWorld" Gates'
 
完整的 HTML 参考手册
 
 
 
 
 
 
 
 
 
 
 
  

 

 
 

 

                

        

        

    

  


    

      

        

            

              
                
                  leohxj
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
HTML的学习心得

				
			

			

				

					weixin_47223561的博客
				

				

					03-30
					
					4759
					
				

			

		

		

			
				
HTML一、HTML简介二、HTML文档结构二、使用步骤1.引入库2.读入数据总结
经过这段时间对HTML的学习，深刻了解了网页的结构和组成以及对网页界面构成的代码有了一定的认识基础，从之前对网页制造的白板认识，到现在能看懂网页代码的大致意思。这让我有了很多收获。

一、HTML简介
（1）超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。
（2）HTML 不是一种编程语言，而是一种标记语言
（3）标记语言是一套标记标签 (marku

			
		

	



                

              
                



	

		

			

				
					
HTML学习总结

				
			

			

				

					twh6666的博客
				

				

					03-08
					
					1万+
					
				

			

		

		

			
				
用两天的时间将HTML学完，整理一下笔记。由于是在边学习时边记的笔记，只记录了自己不熟悉的。排版不是很规范，慢慢学习，一步一步来。一.基础布局1.文件类型说明&lt;!DOCTYPE html&gt;2.HTML文件以&lt;html&gt;开始，以&lt;/html&gt;结束。/表示标签结束。3.&lt;head&gt;,不显示在浏览器上，一般是属性的设置；&lt;body&gt;，要显示的文...

			
		

	



                


  
              

                


	

		

			

				
					
HTML学习之路-11background属性

				
			

			

				

					weixin_63204687的博客
				

				

					08-25
					
					7439
					
				

			

		

		

			
				
background属性的知识点学习完毕

			
		

	





	

		

			

				
					
HTML学习14：框架布局

				
			

			

				

					Blog of Lytracy
				

				

					07-18
					
					1万+
					
				

			

		

		

			
				
文章目录1、框架页面的基本结构2、水平布局3、垂直布局4、混合框架集5、为框架添加内容6、改进：使用name属性7、给框架布局设置一些属性
相对div布局，框架布局是一个很古老，但是易于学习和掌握的布局技术。当一个网站中包含很多页面，每个页面又包含一些同样的区域的时候，我们可以选择框架布局。在现代前端开发中，框架布局已经被淘汰，取而代之的是DIV结合Ajax页面无刷新的加载技术。因此，这里只对框架布局做简单的介绍。
1、框架页面的基本结构

HTML5 不支持  标签。
2、水平布局


3、垂直布局

4

			
		

	



		

			
		



	

		

			

				
					
前端页面的简单学习与项目搭建（主要针对HTML和VUE的学习）

					
热门推荐

				
			

			

				

					张彦峰的博客
				

				

					04-09
					
					169万+
					
				

			

		

		

			
				
备注：只是本人的自学与备注，自己本身不是做前端的，只是简单搭建一些前端的东西，自己玩的。

一、HTML简单的回顾

（一）HTML 基本结构


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html&...

			
		

	





	

		

			

				
					
关于对html学习的总结

				
			

			

				

					qq_48612214的博客
				

				

					03-09
					
					4975
					
				

			

		

		

			
				
关于对html学习的总结
我的开发工具与所用浏览器
开发工具选用vs code，浏览器选择Firefox。
HTML的内容
1.html（Hyper Text Markup Language）超文本标记语言，主要用来构建网页内容
2.html结构：
<!DOCTYPE html>//声明文档类型。可有可无
<html>//这个元素包裹了整个完整的页面，是一个根元素，其它元素都嵌套到其中。
<head>//这个元素是一个容器，它包含了所有你想包含在HTML页面中但不想在HT

			
		

	





	

		

			

				
					
HTML入门学习线路图

				
			

			

				

					hixiaoyang的博客
				

				

					09-17
					
					2770
					
				

			

		

		

			
				
HTML教程
HTML简介
HTML编辑器
HTML基础
HTML元素
HTML属性


HTML标题
HTML段落
HTML样式
HTML格式化
HTML引用元素
HTML计算机代码元素


HTML注释
HTML颜色
HTML和样式表
HTML超链接
HTML图片
HTML表格


HTML列表
HTML块级元素
HTML类
HTML iframe
HTML和JavaScript脚本
...

			
		

	





	

		

			

				
					
html登录页面学习

				
			

			

				

					花狗Fdog的博客
				

				

					11-07
					
					4537
					
				

			

		

		

			
				
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>程序员之家</title>
<style>
html {
	background: url(timg.jpg)fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	bac

			
		

	





	

		

			

				
					
学习HTML心得体会

				
			

			

				

					呀~~土豆的博客
				

				

					04-19
					
					2万+
					
				

			

		

		

			
				
初学程序体会！

			
		

	





	

		

			

				
					
html学习笔记（二）

				
			

			

				

					m0_51684016的博客
				

				

					03-24
					
					4847
					
				

			

		

		

			
				
文章目录一、表格二、语义标签三、特殊符号四、总结
今天学完了html的大部分知识点，剩下了一些较难的知识点如svg等内容，留在以后学vue3、react的时候回过头来学；后续的话要学习css和JavaScript（重点）。这两三天的事情也比较多，今天将Django项目部署在服务器上了，并且成功跑起来了传送门,后续将持续更新该项目。
一、表格
随着框架的发展，table使用的频率越来越低了，现在可能只有真的想实现一个表格时才会使用table。
caption：标题
table  &nbsp

			
		

	





	

		

			

				
					
几个HTML5入门学习的好例子(代码)

				
			

			

				

					10-16
				

			

		

		

			
				
HTML5是现代网页开发的核心，它为开发者提供了更强大、更灵活的功能，使得网页应用程序能够实现前所未有的交互性和用户体验。...每个特性都有其独特的应用场景，结合实际案例学习，将有助于快速掌握HTML5的精髓。

			
		

	





	

		

			

				
					
HTML学习内容总结

				
			

			

				

					qq_48681023的博客
				

				

					07-10
					
					2258
					
				

			

		

		

			
				
HTML学习总结

			
		

	





	

		

			

				
					
学习html的心得体会

				
			

			

				

					weixin_47978224的博客
				

				

					03-19
					
					1万+
					
				

			

		

		

			
				
1、HTML的简介及大体介绍：
HTML 是用来描述网页的一种语言。
它是一种超文本标记语言，并不是一种编程语言。它包含了一套标记标签，并用此来描述网页。因此HTML文档包含了HTML标签和文本内容。

HTML标签是由尖括号包围的关键词，	HTML 标签通常是成对出现的，比如 <p> 和 </p>
标签对中的第一个标签是开始标签，第二个标签是结束标签 		一个HTML元素包含了开始标签、内容、结束标签。例如：<p>这是一个段落。</p>

2、HTML的运用

			
		

	





	

		

			

				
					
html如何制作左侧导航栏,Html学习之十三（导航栏的制作）

				
			

			

				

					weixin_29968283的博客
				

				

					05-31
					
					6471
					
				

			

		

		

			
				
导航效果.tab-item{list-style: none;font-family: "宋体";font-size: 18px;text-decoration: none;cursor: pointer;float: left;border: 1px darkgray solid;overflow: hidden;background-image: none;margin: 0px 5px;}....

			
		

	





	

		

			

				
					
【JavaWeb】二、HTML 入门

					
最新发布

				
			

			

				

					CSDN全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
				

				

					09-22
					
					815
					
				

			

		

		

			
				
HTML、CSS 和 JavaScript 在Web开发中扮演着不可或缺的角色。HTML 定义了网页的结构，CSS 控制了网页的样式和布局，而JavaScript 则增强了网页的交互性。这三个技术相互协作，共同构成了现代Web应用的基石。掌握这三个技术，是成为一名合格的Web开发者所必需的。HTML，全称HyperText Markup Language，即超文本标记语言，是一种用于创建网页的标准标记语言。定义：HTML是一种通过标签来描述网页内容和结构的语言。

			
		

	





	

		

			

				
					
html知识点框架

				
			

			

				

					爱敲代码的卡拉米的博客
				

				

					09-18
					
					1032
					
				

			

		

		

			
				
一、HTML基础

			
		

	





	

		

			

				
					
在HTML中添加图片

				
			

			

				

					Q18600000000的博客
				

				

					09-15
					
					698
					
				

			

		

		

			
				
标签中指定要显示的图像

			
		

	





	

		

			

				
					
【HTML】入门教程

				
			

			

				

					qq_32768761的博客
				

				

					09-19
					
					1174
					
				

			

		

		

			
				
【纯干货教程】HTML入门级文档，适合新手小白。

			
		

	





	

		

			

				
					
使用HTML和CSS制作网页的全面指南

				
			

			

				

					weidl001的博客
				

				

					09-14
					
					1519
					
				

			

		

		

			
				
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。

			
		

	





	

		

			

				
					
HTML学习：从基础到实战

				
			

			

				

					
				

			

		

		

			
				
“html学习笔记，包括基本的html标签和XHTML基础内容，强调了学习编程思想和使用ZendStudio工具的技巧。”  这篇html学习笔记主要涵盖了HTML的基础知识和使用 ZendStudio 这款IDE进行PHP开发的一些实用技巧。首先，...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值