HTML常用显示内容标签

目录

1 什么是 HTML？

2 Head 标签的子标签

2.1 常用标签

3 基本标签

3.1 效果

4.常用基本标签

4.1 效果

5 超连接标签

5.1 超链接标签的作用

5.2 超链接标签的使用

6 图片标签

6.1 图片标签的注意

6.2 图片标签的使用

7 表格标签

8 div 标签学习

8.1div 标签的注意事项

8.2div 标签的使用

---

1 什么是 HTML？

需求：（生活中遇到问题）

随着技术的发展，信息量的增大网页的数据信息没有办法完美的、漂亮的展现到用户的面前。

意义:(作用)：

HTML是一种专门对网页信息进行规范化展示的语言。把网页的信息格式化展现的语言

HTML(Hyper Text Markup Language)：超文本标记语言超文本：文本信息 、图片、声音、视频、超链接等

标记：标签的体现

2 Head 标签的子标签

2.1 常用标签

注：content="5;https://www.csdn.net/" /> 这里的5是五秒后自动跳转到csdn

3 基本标签

【新时代·幸福美丽新边疆】西藏：代代接力守护绿色家园
【新时代·幸福美丽新边疆】
【新时代·幸福美丽新边疆】
【新时代·幸福美丽新边疆】
【新时代·幸福美丽新边疆】
【新时代·幸福美丽新边疆】
【新时代·幸福美丽新边疆】



  新华网阿里5月11日电（张宸 雪珍）55岁
的白玛加布看着在

玛旁雍错边飞舞的海鸥和欢呼的游客，脸上露出了欣慰的笑
容。
新华网阿里5月11日电（张宸 雪珍）
55岁的
白玛加布
看着在

3.1 效果

4.常用基本标签

csdn

csdn

csdn

csdn

23

log7

csdn

csdn

csdn

作用：
【1】树形菜单
【2】导航栏的布局


javaSE
javaEE
javaME



javaSE
javaEE
javaME



java
javaSE
javaEE
javaME



csdn

4.1 效果

5 超连接标签

5.1 超链接标签的作用

超链接标签的作用（不会自动换行）

【1】实现不同页面之间的跳转

href:指定跳转到目标资源的位置

target：打开网页的方式

【2】实现锚点功能

5.2 超链接标签的使用

02
小标签测试

csdn
锚点功能
返回底部









































































































































































































返回顶部

6 图片标签

6.1 图片标签的注意

img (不会自动的换行)

src:引入图片的位置{相对路径、绝对路径、网络路径 }

title：图片的标题

原始 宽和高

400px

260px

注：改变大小成比例缩进

200px

130px

border:图片的边框

alt：图片无法正常显示的时候显示的属性

align:图片的位置 ，必须有参照物

6.2 图片标签的使用

6666



8888

7 表格标签

7.1 表格标签的注意事项

table>tr*3>th*3 :声明3行3列的表格

table表格的自适应能力 (align="center")整个的表格整

体居中

width="300px" height="300px" cellpadding：内容和单

元格的距离 cellspacing：单元格和单元格的距离

tr：行 :height

td/th：列 width

td:普通的列

th:标题列:自动的居中，加黑效果

colspan:列合并

rowspan：行合并

bgcolor：背景颜色

	
		
		
	
	
		
		

			
			

				
				
11
				
2
				
3
				
			
			

				
				
4
				
5
				
6
				
			
			

				
				
7
				
8
				
9
				
			
			

				
				
11
				
12
				
13
				
			
			
		
		
		

		
		

			

				
1--2
				
				
3
			
			

				
4
				
5
				
6--9
			
			

				
7
				
8
				
			
		
		
		

		

		

		

		

		

		

	

7.2 效果

8 div 标签学习

8.1div 标签的注意事项

div本身是没有任何的含义

div：作用就是把网页进行模块化的划分

8.2div 标签的使用

代码：

效果：仿照京东登录框架