HTML常用标签

文本与文本格式标签

1.p标签： 定义段落

<!--p标签是段落标签 默认是align left 左对齐 center 居中 right 右对齐-->
            <p align = center title = "这是标题">
                <!--strong 标签是逻辑上的加粗-->
               <strong>大学生思想</strong>                
            </p>

2.b标签: 定义文本中重要部分进行加粗（结构内容加粗）

<!--b标签是结构上的加粗-->
            <b>
                学习新思想争做新青年
            </b>

3.string标签: 强调某段文本，粗体呈现（逻辑内容加粗)

<!--strong 标签是逻辑上的加粗-->
           <strong>大学生思想</strong>  

4.i标签： 定义斜体文本

<!--i标签定义斜体字-->
            <i>
                1921年7月1日
            </i>
            <br/>

5.u标签： 下划线标签

<!--u标签定义下划线-->
            <u>人民有信仰 国家有希望</u>

6.br标签： 换行标签

<br/>

7.hr标签： 水平线标签

<!--hr水平线标签
                属性：
                    1)align：水平对齐方式，默认是居中
                    2)width：水平线的长度，百分比及像素都可以
                    3)size：水平线的高度
                    4)color：水平线的颜色  
            -->
            <hr/ color = "#00q">

8.del标签： 删除线标签

<!--del标签是一个删除线标签-->
            <del>个人主义</del>

9. hn标签： 定义标题标签，h1字体最大 h6字体最小

<!--hn(1-6)标签是定义标题-->
            <h1>我和我的祖国</h1>
            <h2>我和我的祖国</h2>
            <h3>我和我的祖国</h3>
            <h4>我和我的祖国</h4>
            <h5>我和我的祖国</h5>
            <h6>我和我的祖国</h6>
            

10.bdo标签： 覆盖默认文本方向，属性dir = ltr / rtl

<!--bdo标签覆盖默认的文本方向
                属性：dir = ltr/rtl
                ltr表示从left to right
                rtl表示从rigth to left
            -->
            <bdo dir = ltr>我为人人</bdo>
            <bdo dir = rtl>我为人人</bdo>

语句化标签

<div>无意的块级元素</div>
<span>无意义的行内元素</span>
<header>定义网页头部</header>
<footer>定义网页底部</footer>
<nav>定义网页的导航</nav>
<aside>定义网页侧边栏</aside>
<section>定义一个区块</section>
<article>定义独立内容</article>
<address>定义地址</address>

列表标签

<!--<li></li>标签用于 ul he ol中定义列表项-->
        <!--
            <ul></ul> 定义无序列表
            type 规定在列表中使用的标记类型
                disc 默认实心圆
                circle 空心圆
                none 符号不显示
                square 小方块
        -->
        <ul type = "circle">
            <li>久旱逢甘霖</li>
            <li>他乡遇故知</li>
            <li>洞房花烛夜</li>
            <li>金榜题名时</li>
        </ul>
        <!--
            reversed 倒叙
            start 规定有序列表的起始值
            type 规定在列表中使用的标记类型
            1 表示项目中用数字字符(1，2，3……)
            a 表示项目中用小写字母
            A 表示项目中用大写字母
            i 表示项目中用小写罗马字符
            I 表示项目中用大写罗马字符
        -->
        <ol type = "1">
            <li>云销雨霁</li>
            <li>彩彻区明</li>
            <li>落霞与孤鹜齐飞</li>
            <li>秋水共长天一色</li>
    
        </ol>

        <!--<dl></dl>定义一个定义列表-->
        <dl>
            <dt>
                <img src = "./img/Wechat.png" width = "150"/>
            </dt>
            <dd>
                图片名称
            </dd>
            
        </dl>