HTML主要标签的简要描述

 

HTML（Hyper Text Markup Language，即“超文本标记语言”）是一种解释性语言，用于制作网页界面，使用该语言编写的网页最终被浏览器解释执行。

	
		
	
	
		网页正文
	

说明：

1. 与 用来标记 HTML 文档的开始和结束；

2. 与 用来标记 HTML 文档的 头部 开始和结束；

3. 与 用来标记 HTML 文档的 主体 开始和结束；

 

行内元素：

1、a标签：链接标签，双标签，主要用于连接其他网页

常用标签属性：

1. href：指定打开的页面
2. target：用于指定那个窗口打开herf属性所指定的页面（常用的有_self [自身]、_blank [空白页]等） 

演示

	
		
		
	
	
		百度一下
	

点击后就会转到百度界面

2、img标签：图片标签，单标签

常用标签属性：

1. src：设置图片路径
2. alt：设置图片不存在时的替代文本，该属性的显示效果与浏览器及浏览器的版本有关
3. height、weight：设置图片高度和宽度，单位为像素或%
4. title：设定鼠标移到元素上显示的信息

演示：

鼠标移到图片上后会显示音乐节。

但是当文件名出错时

会显示已经设定好的内容。

3.span标签：常用于组合文档中的行内元素，双标签（用于文本的页面输入）

注意：

1. span标签没有固定的格式表现，只有对它应用CSS样式时才会产生视觉上的变化
2. 推荐使用 来组合行内元素，以便通过样式来格式化它们
3. 如果span标签没有CSS样式，那么span标签中的文本与前面文本没有任何视觉上的差异；span标签的定义方便了通过CSS样式格式化标签内的内容

块级元素：

1.div标签：常用于文档中的分区，双标签

2.p标签：段落标签，双标签

3.hn标签（n为1~6）：标题标签，双标签，其中

定义最大的标题；

定义最小的标题

演示：

	
		
		
	
	
		
Hello World!
		
Hello World!
		
Hello World!
		
Hello World!
		
Hello World!
		
Hello World!
	

ol标签：有序列表标签，双标签

常用标签属性：

1. type：指定ol子标签li的编号类型，其属性值有：

   值	描述
   1	数字，默认值
   A	大写字母
   a	小写字母
   I	大写罗马数字
   i	小写罗马数字

2. start：指定ol子标签li序号起始点，默认为1，必须为整形数字
3. reversed：HTML5新增标签属性，用于设定列表顺序为降序，其属性值为reversed

ul标签：无序列表标签，双标签

常用属性标签：

1. type：指定ul子标签li的编号类型，其属性值有：

   值	描述
   disc	实心圆，默认值
   square	实心方块
   circle	空心圆

演示：

	
		
		
	
	
		
图书分类
		

			
小说
			
文艺
			

				
文学
				
传记
				
艺术
				
摄影
			
			
励志/成功
			

				
职场
				
成功
				
人际
				
心灵修养
			
			
童书
			

				
0-2
				

					
数字
					
图形
					
画画
				
				
3-6
				
7-10
				
11-14
			
			
生活
			
人文社科
			
经管
			
科技
			
教育
			
其他