<!DOCTYPE html>
<html>
<head>
<title>HTML5基础-格式标签A</title>
</head>
<body>
<table border="5" width="100%">
<tr>
<th>
<h1>This is a Heading1</h1>
<!--对齐方式-->
<h2 align="center">This is a Heading2</h2>
<h3>This is a Heading3</h3>
<h4>This is a Heading4</h4>
<h5>This is a Heading5</h5>
<h6>This is a Heading6</h6>
<p>This is a paragraph </p><br/>
</th>
<tr>
<th bgcolor="#FF0001">
<b>格式标签</b>
</th>
</tr>
<tr>
<th bgcolor="#00FF00">acronym 、abbr标签</th>
</tr>
<tr>
<th>
<acronym title="Hello Word">HW</acronym>
<p><b>注释:</b>只取首字母缩写,鼠标移到缩写上时显示全称</p>
<abbr title="Hello Sir">>HS</abbr>
<p>HTML5 中不支持 acronym 标签。用 abbr 标签代替。</p>
</th>
</tr>
<tr>
<th bgcolor="#00FF00"> address标签 </th>
</tr>
<tr>
<th>
<address>
Written by <a href="mailto:[email protected]">Donald Duck</a>.<br> Visit us at:<br> Example.com
<br> Box 564, Disneyland<br> USA
</address>
<p><b>注释:</b> address标签定义文档或文章的作者/拥有者的联系信息。 位于 body 元素内,则它表示文档联系信息. 位于 article 元素内,则它表示文章的联系信息. address通常连同其他信息被包含在
<footer> 元素中。 address元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行
</p>
</th>
</tr>
<tr>
<th bgcolor="#00FF00"> <b> area标签 </b> </th>
</tr>
<tr>
<th>
<p>请点击图像上的星球,把它们放大。</p>
<img src="http://www.w3school.com.cn/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" />
<map name="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href ="http://www.w3school.com.cn/example/html/venus.html"
target ="_blank"
alt="Venus" />
<area
shape="circle"
coords="129,161,10"
href ="http://www.w3school.com.cn/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="http://www.w3school.com.cn/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
<p><b>注释:</b> img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器), 所以我们同时向 map 元素添加了 "id" 和 "name" 属性。
alt:定义图片区域的替换文本。 coords:坐标值 定义可点击区域的坐标。 href:定义点击此区域跳转目标的URL。 nohref:从图像映射排除某个区域。 shape:定义此区域形状。
target:规定在何处打开href属性指定的目标URL
</p>
</th>
</tr>
<th bgcolor="#00FF00"><b>artical标签</b> </th>
<tr>
<th>
<article>
<h1>Internet Explorer 9</h1>
<p>Windows Internet Explorer 9(简称 IE9)于 2011 年 3 月 14 日发布.....</p>
</article>
<p><b>注释:</b> article 标签规定独立的自包含内容。 一篇文章应有其自身的意义,应该有可能独立于站点的其余部分对其进行分发。 article 元素的潜在来源: 论坛帖子 报纸文章 博客条目
用户评论
</p>
</th>
</tr>
<tr>
<th bgcolor="#00FF00"><b>aside标签</b></th>
</tr>
<tr>
<th>
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>
<p><b>注释:</b> aside是html5的标签用于额外的解释说明作用 ,在文章的下面对文章中出现的某个词或某句话进行补充说明
</p>
</th>
</tr>
<tr>
<th bgcolor="#00FF00"><b>audio标签</b></th>
</tr>
<tr>
<th>
<audio src="http://www.w3school.com.cn/i/horse.ogg" controls="controls">
Your audio element.
</audio>
<p><b>注释:</b> autoplay: autoplay自动播放。 controls: controls 向用户显示控件,比如播放按钮。 loop: loop 循环播放。 muted: muted 规定视频输出默认为静音。
preload: preload 如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。 src: url 要播放的音频的 URL。
</p>
</th>
</tr>
</table>
</body>
</html>