lovecoding
/
W250511


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>

<body>
    <!-- h1 标题标签 放大加粗文字 -->
    <!-- h1-h6 代表标题的等级  h1最大 h6最小 -->
    <h1>hello world</h1>
    <h2>hello world</h2>
    <h3>hello world</h3>
    <h4>hello world</h4>
    <h5>hello world</h5>
    <h6>hello world</h6>

    <!-- p 段落标签  用作于显示段落内容 不是在同一行展示 有换行效果 -->
    <p>hello world</p>
    <div>
        HTML 教程- <p>(HTML5 标准)</p>
    </div>
    <!-- span 单行的文本内容 -->
    <span>hello world</span>
    <div>
        HTML 教程- <span style="color: green;">(HTML5 标准)</span>
    </div>

    <!-- 文字内容其他样式 -->
    <i>hello wrold</i>
    <b>hello world</b>
    <u>hello world</u>


    <!-- 列表 -->
    <!-- ul 无序列表 -->
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>
    <!-- ol 有序列表 -->
    <ol>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ol>
    <!-- dl 定义列表 -->
    <dl>
        <dt>列表项目一</dt>
        <dd>列表项目一</dd>
        <dt>列表项目二</dt>
        <dd>列表项目二</dd>
        <dt>列表项目三</dt>
        <dd>列表项目三</dd>
    </dl>
</body>

</html>