常用标签

2022-02-05  本文已影响0人  kevin_lln
<!--  标题  -->
<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>
上一篇下一篇

猜你喜欢

热点阅读