html标签之常用标签

常用标签

html常用的标签：
<h1>~<h6> 表示是一个标题
<p> 段落标签
<hr/> 水平线标签
<br/> 换行标签
<sub> 下标
<sup> 上标
<pre> 原样标签： 原样标签会保留空格和换行符。
<ol> <li> 有序的列表标签、
<ul> <li> 无序的列表标签。
项目列表标签(dl dt dd)
行内标签(span)
块标签<div> div标签的内容会独立占一行。

html的标签作用：用于描述一个网页的结构的。

如果需要操作数据的样式：通过标签的属性操作的。

标签的类型：
1. 有开始标签与结束标签。 <p> </p> 需要把网页的数据内容封装到标签中。
2. 开始标签与结束标签都是在一个标签体内的。 比如： <hr/> 功能单一不需要封装数据到标签中。

 其中：

<sub> 下标
<sup> 上标

水的化学式：H<sub>2</sub>O


2的16次方：2<sup>16</sup>

 

输出H₂O  2¹⁶

<ol> <li> 有序的列表标签、

今晚吃啥好呢？
    <ol type="a">
        <li>火锅</li>
        <li>烤鸭</li>
        <li>烤鱼</li>
    </ol>

 

<ul> <li> 无序的列表标签。

中午吃啥好呢？
    <ul type="square">
        <li>木桶饭</li>
        <li>猪脚饭</li>
        <li>白切鸡</li>
    </ul>

 输出：

 

项目列表标签(dl dt dd)

公司的组织结构：
    <dl>
        <dt>技术总监</dt>
        <dd>码农1号</dd>
        <dd>码农2号</dd>
        <dd>码农3号</dd>
        <dd>码农4号</dd>
        <dt>人事总监</dt>
        <dd>妹子1号</dd>
        <dd>妹子2号</dd>
    </dl>

dt标签是不包含dd标签的

dd比dt缩的多