html中的标签

文本标签

    <p>这是一个段落标签</p>

    <sub>这是一个下标标签</sub>
    <sup>这是一个上标标签</sup>

    <hr>这是一个横线

    <i>倾斜标签</i>

    <s>文本删除线</s>
     <del>文本删除线</del>

    <u>文本下划线</u>

    <strong>强调文本</strong>
    <em>强调</em>
    
    <!-- span 文本修饰 -->

    <span style="color: gray;">修改字体</span>
```<pre>
        pre预处理文本，可以保留空格，tab等符号
    </pre>
# 文本标签的属性
```html
/* 文本属性 */
p{
    /* 字体大小 */
    font-size: 16px;
    /* 字体样式 */
    font-family: 宋体;
    /* 字体颜色 */
    color: red;
    /* 自己搭配字体颜色，取值0~255 */
    color: rgb(50, 80, 20);
    /* 16进制颜色 */
    color: #ffffff;
    /* 加粗 取值范围为100-900*/
    font-weight: 200;
    /* 倾斜 */
    font-style: normal;
    /* 文字对齐方式 */
    text-align: center;
    /* 行高度 */
    line-height: 100px;
    /* 上下对齐方式 */
    text-align: center;
    /* 字间距 */
    letter-spacing: 10px;
    /* 英语单词之间的间距 */
    word-spacing: 10px;
    /* 首行缩进2字符 */
    text-indent: 2em;
    /* 文本加下划线 */
    text-decoration: underline;
    /* 文本加中划线（删除线）*/
    text-decoration: line-through;
    /* 文本加上划线 */
    text-decoration: overline;
    /* 同时添加上划线和下划线 */
    text-decoration: underline overline;
    /* 首字母大写 */
    text-transform: capitalize;
    /* 全部字母转小写 */
    text-transform: lowercase;
    /* 全部字母转大写 */
    text-transform: uppercase;
    /* font是font-style font-weight font-size/line-height font-family的合体，顺序不可颠倒*/

div标签

<div>第一个div</div>
<div>第二个div</div>
<div>第三个div</div>