标签的分类
1. 双标签 又叫常规标签 : 有开始标签和结束标签 eg: <div></div> <body></body> …
2. 单标签 又叫空标签 : 只有开始标签 eg : <br> <img> <meta> …
标签的说明
代码只有要嵌套就会出现缩进, head 和body可以不缩进
在 < 第一个单词叫标签名
标签名的后面是属性 ,属性和标签名之间有空格
多个属性之间也用空格隔开, 属性是由属性名和属性值组成,之间用 = 隔开,属性值要加双引号
常见的标签–标题标签
语法 : <h1></h1>~<h6></h6>
应用场景 : 用于写网页中的标题
特点 : 字号逐渐变小,字体加粗
说明 : h1标签一般网页中只有一个, 一般用于写网页中的logo, 或者整个网页是一篇文章,文章的大标
题也用
h2~h6网页中可以出现多次
不能为了改变字体大小而刻意使用标题标签
常见的标签—段落标签
语法 : <p></p>
应用场景 : 用于写网页中的段落
常见的标签–折行标签
语法: <br>
应用场景 : 强制折行
常见的标签–水平线标签
语法: <hr>
作用 : 代表着一个内容的结束
常见的标签–span标签
语法 : <span></span>
它没有什么实质的意义,可以理解成是一个小盒子,里面一般装着一个或几个文本
应用场景 : 控制局部文本的样式
常见的标签–区块标签
语法 : <div></div>
它没有什么实质的意义,可以理解成是一个大盒子
应用场景 : 用于划分网页中的版块
常见的标签–文本格式化标签
<b></b> 文本加粗
<strong></strong> 不仅可以文本加粗,还有加重语气在里面
<i></i> 文本倾斜
<em></em> 不仅可以文本倾斜,还有着重强调在里面
<del></del> 定义删除文本
<sup></sup> 定义文本的上标
<sub></sub> 定义文本的下标
常见的标签–超链接
语法: <a href="" target=""></a>
href : 跳转的路径
target : 打开的方式 : _self(默认值) _blank (在新窗口打开)
锚点链接:
在同一页面内跳转到不同位置
跳转到不同页面的目标位置。
常见的标签– 图像标签
语法: <img src="" alt="" width="" height="">
src : 代表的是图像的路径
alt :图像加载失败给的提示信息
width : 图像的宽
height : 图像的高
注意:如果宽高只给一个,另外一边会等比缩放
src 和alt属性必须有
路径
相对路径:是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系
同级 : 文件名.扩展名
下一级: 文件夹 / 文件名.扩展名
上一级: ../ 文件夹 / 文件名.扩展名
根目录 : / :eg : <img src="/5.jpg" alt="">
绝对路径 是对一个位置路径完整描述
具体盘符 eg: <img src="C://5.jpg" alt="">
具体的地址 (带协议线上完整路径)
eg: <img
src="http://img30.360buyimg.com/jdcms/s150x150_jfs/t1/128620/22/5063/111688/5ee99b0fE749f468f/080d7c138bddbba1.jpg.webp"
alt="">