-
<blockquote cite="url"></blockquote>
一段长引用 -
<q cite="url"></q>
短引用 -
<abbr title="professor">pro</abbr>
单词缩写 -
<acronym title="who are you">WAY</acronym>
首字母缩写(在HTML5中,无论是单词缩写还是首字母缩写都用abbr) -
<cite></cite>
用来引用一部作品(如,书籍,电影或研究报告等) -
<dfn></dfn>
用来表示专业术语的定义 -
<del>A</del><ins>B</ins>
对内容的修改,删除A添加B,即用B来替换A -
<address>
742 Evergreen Terrace, Springfield.
</address>
-
<a href="mailto:772149892@qq.com">mail me</a>
email链接 -
<a href="#要定位指定位置标签的ID"></a>
定位到当前页面某个位置 -
<a href="url/#id名"></a>
定位到其他页面指定位置,在指定页面URL后面加‘/#id’,标签的id。 -
<img src="url" alt="" title="">
alt属性是对图片进行文本说明,当图片无法显示时,这段文字会显示出来title属性是对图片的附加信息,当鼠标在图片上悬停时可以看到title中的内容 -
图片格式:图片最好保存为gpeg格式;当图片包含少量颜色或大面积同色区域时,应存为GIF或PNG格式,
透明GIF,如果图像的透明部分有直边,并且这部分不透明(100%)存为GIF格式;如果图像的透明部分包含斜线,圆边,或者想用版透明度,或者投影,将图片存为PNG格式。 -
图形和图形说明:
<figure>
<img src="images/otters.jpg" alt="Photograph of two sea otters floating in water" />
<figcaption>Sea otters hold hands when they sleep so they don't drift away from each other.</figcaption>
</figure>
-
表格标题:
<th scope="col/row">
此标签中scope属性表示此标题是列标题(col)还是行标题(row)<table> <tr> <th></th> <th scope="col">Saturday</th> <th scope="col">Sunday</th> </tr> <tr> <th scope="row">Tickets sold:</th> <td>120</td> <td>135</td> </tr> <tr> <th scope="row">Total sales:</th> <td>$600</td> <td>$675</td> </tr> </table>
-
表格的跨行和跨列:
跨行:
<head>
<title>Spanning Rows</title>
<style type="text/css">
table {
border: none;}
th, td {
border: none;
background-color: #dddddd;
padding: 5px;
width: 100px;}
</style>
</head>
<body>
<table>
<tr>
<th></th>
<th>ABC</th>
<th>BBC</th>
<th>CNN</th>
</tr>
<tr>
<th>6pm - 7pm</th>
<td rowspan="2">Movie</td>
<td>Comedy</td>
<td>News</td>
</tr>
<tr>
<th>7pm - 8pm</th>
<td>Sport</td>
<td>Current Affairs</td>
</tr>
</table>
</body>
ABC | BBC | CNN | |
---|---|---|---|
6pm - 7pm | Movie | Comedy | News |
7pm - 8pm | Sport | Current Affairs |
跨列:###
<head>
<title>Spanning Columns</title>
<style type="text/css">
table {
border: none;}
th, td {
border: none;
background-color: #dddddd;
padding: 5px;
width: 100px;}
</style>
</head>
<body>
<table>
<tr>
<th></th>
<th>9am</th>
<th>10am</th>
<th>11am</th>
<th>12am</th>
</tr>
<tr>
<th>Monday</th>
<td colspan="2">Geography</td>
<td>Math</td>
<td>Art</td>
</tr>
<tr>
<th>Tuesday</th>
<td colspan="3">Gym</td>
<td>Home Ec</td>
</tr>
</table>
</body>
<table>
<tr>
<th></th>
<th>9am</th>
<th>10am</th>
<th>11am</th>
<th>12am</th>
</tr>
<tr>
<th>Monday</th>
<td colspan="2">Geography</td>
<td>Math</td>
<td>Art</td>
</tr>
<tr>
<th>Tuesday</th>
<td colspan="3">Gym</td>
<td>Home Ec</td>
</tr>
</table>
</body>