常用的标签分类

标签的分类 1. 双标签 又叫常规标签 : 有开始标签和结束标签 eg:  <div></div>   <body></body> … 2. 单标签 又叫空...

标签的分类


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="/uploads/ite//7cb0a17219924603e1417380eccd597d.jpg.webp"
alt="">

  • 发表于 2020-07-01 12:20
  • 阅读 ( 30 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除