xiaozhuzhu77

导航

 
  • <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>

    homer@example.org


    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>
posted on 2014-12-11 13:19  xiaozhuzhu77  阅读(172)  评论(0编辑  收藏  举报