美文网首页
常用标签

常用标签

作者: kevin_lln | 来源:发表于2022-02-05 01:27 被阅读0次
    <!--  标题  -->
    <h1>我是一级标题</h1>
    <h2>我是二级标题</h2>
    <h3>我是三级标题</h3>
    <h4>我是四级标题</h4>
    <h5>我是五级标题</h5>
    <h6>我是六级标题</h6>
    
    <!-- 段落 -->
    <p>
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
        我是段落标签
    </p>
    
    <!-- 超链接标签 -->
    <!-- target属性:_blank(新打开一个页面),默认当前页面 -->
    <a href="https://www.baidu.com" target="_blank">百度</a>
    <br>
    
    <!-- 图片标签,src:图片地址,
    alt:图片没有正确加载时显示的名称,
    title:鼠标放在图片上显示的文本信息,
    width和height一般不同时设置-->
    <img src="../images/标签练习.jpeg" alt="标签练习" title="小南子" width="200" height="100">
    
    <!-- 列表 -->
    <ul>
        <li>这是一个无序列表</li>
        <li>这是一个无序列表</li>
        <li>这是一个无序列表</li>
        <li>这是一个无序列表</li>
    </ul>
    <ol>
        <li>这是一个有序列表</li>
        <li>这是一个有序列表</li>
        <li>这是一个有序列表</li>
        <li>这是一个有序列表</li>
    </ol>
    
    <!-- 分割线 -->
    <hr>
    
    <!-- 文本换行 -->
    <br>
    
    <!-- 标签嵌套 -->
    <ul>
        <li>
            <a href="">
                <img src="../images/标签练习.jpeg" alt="" width="500">
            </a>这是一张图片
        </li>
    </ul>
    
    
    <!-- 表格 -->
    <!-- thead:表头, th:每个表头 -->
    <!-- tbody:表身, tr:表身每一行,td:表身每一行每一列 -->
    <table border="1">
        <thead>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>刘路南</td>
                <td>29</td>
            </tr>
            <tr>
                <td>2</td>
                <td></td>
                <td>18</td>
            </tr>
        </tbody>
    </table>
    

    相关文章

      网友评论

          本文标题:常用标签

          本文链接:https://www.haomeiwen.com/subject/byjekrtx.html