认识达内从这里开始

认真做教育专心促就业

成都web前端培训哪家好?常用的标签分类

发布：成都达内
来源：成都达内
时间：2020-07-02 11:51

标签的分类

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="">

< 上一篇：成都软件开发工资-转行IT需要参加培训吗?

下一篇：成都前端培训课程：Rematch制作简易数字计数器 >