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