常见标签

标签 显示效果
<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