1.html标准结构
<!Doctype html> 声明文档类型
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主体标签
</body>
</html>
2.html标签分类
单标签:<!Doctype html>
双标签: <html></html> <head></head> <title></title>
3.标签关系
包含(以及嵌套):<head><title></title></head> 父子
并列: <head></head><body></body> 兄弟姐妹
4.单标签
- 注释标签——<!--注释--> ctrl+/
- 换行标签——<br/>
- 水平线标签——<hr/>
5.双标签
- p标签
特点:上下自动生成空白行。<br>换行不会生成空白行。
- 标题标签
h1-h6 取值到h6
h1 在一个页面里只能出现一次。
- 文本标签
<font>文本内容</font>
文本格式化标签
文本加粗标签 <strong></strong> <b></b> 工作里尽量使用strong
- 文本倾斜标签
<em></em> <i></i> 工作里尽量使用em
- 删除线标签
<del></del> <s></s> 工作里尽量使用del
- 下划线标签
<ins></ins> <u></u> 工作里尽量ins
注意:之所以工作里使用<strong></strong> <em></em> <del></del>
<ins></ins> 是因为更有语义化。
- 图片标签
Src 图片的来源 必写属性
Alt 替换文本 图片不显示的时候显示的文字
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
注意:图片没有定义宽高的时候,图片按照百分之百比例显示,如果只更改图片的宽度或者高度,图片等比例缩放。