常见标签 | 易学教程

标签	显示效果
`<b></b><strong></strong>`	文字以粗体方式显示
`<i></i><em></em>`	文字以斜体方式显示
`<s></s><del></del>`	文字以加删除线的方式显示
`<u></u><ins></ins>`	文字以加下滑线的方式显示

img标签

属性	属性值	描述
src	url	图片的路径
alt	文本	图像不能显示时替换的文本
title	文本	鼠标悬停时显示的文本
width	像素	设置图片的宽度
height	像素	设置图片的高度
border	数字	设置图像的宽度

链接标签

href: 链接地址
target：
- self：当前页
- blank：另起空白页

无序列表

<ul>
    <li>alex</li>
    <li>bob</li>
    <li>cu</li>
    <li>dade</li>
</ul>

有序列表

<ol>
    <li>美国</li>
    <li>英国</li>
    <li>中国</li>
    <li>俄罗斯</li>
</ol>

自定义列表

<dl>
    <dt>浙江</dt>
    <dd>杭州</dd>
    <dd>宁波</dd>
    <dd>温州</dd>
</dl>

table标签

属性	含义	常用属性值
boder	设置表格的边框	像素值
cellspacing	设置单元格与单元格边框之间的空白距离	像素值（默认为2）
cellpadding	设置单元格内容与单元格边框之间的空白间距	像素值(默认为1)
width	设置表格的宽度	像素值
height	设置表格的高度	像素值
align	设置表格在网页中的水平对齐方式	left、center、right

<table border="1" cellpadding="1" cellspacing="1" width="500" align="center">
    <!--    设置标题-->
    <caption>小说排行榜</caption>
    <!--    表标题-->
    <thead>
    <tr>
        <th>排名</th>
        <th>关键词</th>
        <th>趋势</th>
        <th>今日搜索</th>
        <th>排名</th>
        <th>最近七日</th>
        <th>相关链接</th>
    </tr>
    <!--    表主题-->
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>hello</td>
        <td>|</td>
        <td>321</td>
        <td>111</td>
        <td>236</td>
        <td>
            <a href="#">百度</a>
            <a href="#">新浪</a>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>world</td>
        <td>|</td>
        <td>321</td>
        <td>111</td>
        <td>236</td>
        <td>
            <a href="#">百度</a>
            <a href="#">新浪</a>
        </td>
    </tr>
    <tr>
        <td>1</td>
        合并行
        <td rowspan="2">world</td>
        <td>|</td>
        <td>321</td>
        <td>785</td>
        <td>236</td>
        <td>
            <a href="#">百度</a>
            <a href="#">新浪</a>
        </td>
    </tr>
    <tr>
        <td>1</td>
        <td>|</td>
        合并列
        <td colspan="2">321</td>
        <td>236</td>
        <td>
            <a href="#">百度</a>
            <a href="#">新浪</a>
        </td>
    </tr>
    </tbody>

</table>

来源：https://www.cnblogs.com/ivy-blogs/p/11876694.html

标签