HTML-01（pink老师课程笔记）
HTML
HTML:超文本标记语言
浏览器——谷歌
Web标准（W3C-标准化组织）
组成：结构 表现 行为
| 结构 | 网页元素 HTML |
|---|---|
| 表现 | 外观 CSS |
| 行为 | 交互 JS |
HTML语法规范
**<!--<html> </html>-->**——成对出现：开始标签和结束标签：尖括号包含关键词
<!--<br />-->单标签（特殊）
标签关系——包含，并列
包含
<!--<html>-->
<!--<body>-->
<!--</body>-->
<!--</html>-->
并列
<head> </head><!--<body></body>-->
HTML基本结构标签
| HTML | HTML标签，根标签 |
|---|---|
| head | 文档头部，包含title |
| title | 文档标题，网页标题 |
| body | 文档主体 |
开发工具
DOCTYPE——文档类型声明标签
lang语言种类——en英文，zh-CN中文（告诉浏览器这是一个英文网站）
charset——字符集，采用UTF-8保存文字
标签语义——标签的含义
标题标签h1-h6双标签
段落标签——p双标签
换行标签——br单标签
段落标签中间间距较大，换行较小
文本格式化标签——粗体，斜体或下划线
| 加粗 | strong或b |
|---|---|
| 倾斜 | em或i |
| 删除线 | del或s |
| 下划线 | ins或u |
div和span标签——无语义，相当于一个盒子
div——大盒子，独占一整行
span——小盒子
图像标签和路径——img单标签
| src | 图片路径 | 必须属性 |
|---|---|---|
| alt | 文本 | 替换文本，图像不能显示 |
| title | 文本 | 提示文本，鼠标放在图像上显示的文字 |
| width | 像素 | 图像的宽度 |
| height | 像素 | 高度 |
| border | 像素 | 边框粗细 |
相对路径和绝对路径
相对路径：图片相对于HTML页面的位置
绝对路径：电脑中的路径
注意：相对路径/////;绝对路径\\
超链接
外部链接：http://www.baidu.com
内部标签：
锚点链接
注释标签
ctrl+/
特殊字符
