标题标签:
标题标签是用作于页面中的标题定义的。
特点:
1、页面中将标题标签分为六级
2、默认文本样式为加粗
3、属于双标签
4、默认文本字体大小以此递减
5、属于块级元素:默认宽度为整个页面的宽度,总是以新行开始,可以更改宽高
格式:
<hn> 标签内容 </hn> //n的取值范围为1~6,数字越小,级别越大
<h1> 这是一级标题 </h1>
<h2> 这是二级标题 </h2>
<h3> 这是三级标题 </h3>
<h4> 这是四级标题 </h4>
<h5> 这是五级标题 </h5>
<h6> 这是六级标题 </h6>
段落标签:
段落标签通常是用来展示一段文字性描述的内容。
特点:
1、默认有段前/段后距离值
2、属于双标签
3、属于块级元素:默认宽度为整个页面的宽度,总是以新行开始,可以更改宽高
格式:
<p> 标签内容 </p>
<p> 这是用来展示一整段文字内容的描述 </p>
换行标签:
换行标签只用作页面中换行占位,因为页面中的文本换行及空格是无效的,解析器解析时会去掉文本中的换行与空格符,因此需要使用换行标签。
特点:
1、属于单标签
2、只用作换行占位
格式:
<br/>
...
<br/> //换行标签,用作换行显示
...
水平线标签:
水平线标签类似换行符的特点,但是该标签会在页面对应位置展示一条水平线用作分隔标签上下内容。
特点:
1、属于单标签
格式:
<hr/>
...
<hr/> //水平线标签,在对应的结构位置展示一条水平线
...
布局标签:
HTML页面的布局其实就是将整个页面分成多个盒子,将盒子拼在一起,形成了整个页面的展示。
布局标签主要分为:div 和 span 标签,没有实际语义,只是一个单纯的盒子元素,常用于页面的CSS布局。
div标签:
特点:
1、属于双标签
2、可在该标签中嵌套其它标签及文本内容
3、属于块级元素:默认宽度为整个页面的宽度,总是以新行开始,可以更改宽高
格式:
<div> 内容 </div>
<div>
这是div标签 //在div标签中嵌入文本内容
<P> 这是div标签中的p标签 </p> //在div标签中嵌入其它标签
</div>
span标签:
特点:
1、属于双标签
2、可在该标签中嵌入其它标签及文本内容
3、属于行内元素:默认宽度为标签内部大小为准,总是在一行显示,不可以更改宽高
格式:
<span> 内容 </span>
<span>
这是span标签 //在span标签中嵌入文本内容
<P> 这是span标签中的p标签 </p> //在span标签中嵌入其它标签
</span>