html全部标签和使用

 代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 定义注释 -->
	// <!--...--> 定义文档类型
	
	<body>
		<!-- 1 <a>标签定义超文本链接-->
		<a href="https://www.runoob.com">访问教程!</a>
		<!-- 2 <abbr></abbr>标签定义缩写 -->
		The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.
		<!-- 3 <acronym title=""></acronym>标签 -->
		Can I get this <acronym title="as soon as possible">ASAP</acronym>?
		<!-- 4 <address></address>标签 定义文档作者或拥有者的联系信息-->
		<address>
		Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br> 
		Visit us at:<br>
		Example.com<br>
		Box 564, Disneyland<br>
		USA
		</address>
		<!-- 5 <applet></applet>标签 -->
		<applet code="Bubbles.class" width="350" height="350">
		Java applet that draws animated bubbles.
		</applet>
		<!-- 6 <area shape="" coords="" href="" alt="" />标签 定义图像映射内部的区域-->
		<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
		 
		<map name="planetmap">
		  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
		  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
		  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
		</map>
		<!-- 7 <article></article> 标签 定义一个文章区域-->
		<article>
		  <h1>Internet Explorer 9</h1>
		  <p> Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。</p>
		</article>
		<!-- 8 <aside></aside> 标签 定义页面的侧边栏内容-->
		<p>My family and I visited The Epcot center this summer.</p>
		 
		<aside>
		  <h4>Epcot Center</h4>
		  <p>The Epcot Center is a theme park in Disney World, Florida.</p>
		</aside>
		<!--9 <audio src=""></audio>定义音频内容 -->
		<audio controls>
		  <source src="horse.ogg" type="audio/ogg">
		  <source src="horse.mp3" type="audio/mpeg">
		  您的浏览器不支持 audio 元素。
		</audio>
		<!--10 <b></b> 定义文本粗体-->
		<p>这是一个普通的文本- <b>这是一个加粗文本</b>。</p>
		<!--11 <base href="" /> 定义页面中所有链接的默认地址或默认目标。-->
		<head>
		<base href="http://www.runoob.com/images/" target="_blank">
		</head>
		 
		<body>
		<img src="logo.png" width="24" height="39" alt="Stickman">
		<a href="http://www.runoob.com">runoob.com</a>
		</body>
		<!--12 <bdi></bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。-->
		<ul>
		 <li>用户 <bdi>hrefs</bdi>: 60 分</li>
		 <li>用户 <bdi>jdoe</bdi>: 80 分</li>
		 <li>用户 <bdi>إيان</bdi>: 90 分</li>
		</ul>
		<!--13 <bdo></bdo>定义文字方向 -->
		<p>该段落文字从左到右显示。</p>  
		<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
		<!--14 <big></big>定义大号文本,HTML5不支持 -->
		<p><big>这个文本比较大。</big></p>
		<!--15 <blockquote></blockquote> 定义长的引用-->
		<blockquote cite="http://www.worldwildlife.org/who/index.html">
			For 50 years, WWF has been protecting the future of nature. The world's 
			leading conservation organization, WWF works in 100 countries and is 
			supported by 1.2 million members in the United States and close to 5 million 
			globally.
		</blockquote>
		<!--16 <body></body>定义文档的主体 -->
		<!DOCTYPE html>
		<html>
		<head>
		<meta charset="utf-8">
		<title>文档标题</title>
		</head>
		 
		<body>
		文档内容......
		</body>
		 
		</html>
		<!--17 <br /> 定义换行-->
		<p> 
		使用 br 元素<br>在文本中<br>换行。 
		</p>
		<!--18 <button></button> 定义一个点击按钮-->
		<button type="button">点我!</button>
		<!--19 <canvas></canvas> 定义图形,比如图表和其他图像,标签只是图形容器,您必须使用脚本来绘制图形-->
		<canvas id="myCanvas"></canvas>
		 
		<script type="text/javascript">
		var canvas=document.getElementById('myCanvas');
		var ctx=canvas.getContext('2d');
		ctx.fillStyle='#FF0000';
		ctx.fillRect(0,0,80,100);
		</script>
		<!--20 <caption></caption> 定义表格标题-->
		<table border="1">
		  <caption>Monthly savings</caption>
		  <tr>
		    <th>Month</th>
		    <th>Savings</th>
		  </tr>
		  <tr>
		    <td>January</td>
		    <td>$100</td>
		  </tr>
		</table>
		<!--21 <center></center> 定义居中文本。-->
		<center>这个文本居中对齐。</center>
		<!--22 <cite></cite> 定义引用(citation)-->
		<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
		<!--23 <code></code> 定义计算机代码文本-->
		<code>一段电脑代码 print("Hello World")</code>
		<!--24 <col> 定义表格中一个或多个列的属性值-->
		<table border="1">
		  <colgroup>
		    <col span="2" style="background-color:red">
		    <col style="background-color:yellow">
		  </colgroup>
		  <tr>
		    <th>ISBN</th>
		    <th>Title</th>
		    <th>Price</th>
		  </tr>
		  <tr>
		    <td>3476896</td>
		    <td>My first HTML</td>
		    <td>$53</td>
		  </tr>
			</table>
		<!--25 <colgroup></colgroup>定义表格中供格式化的列组	 -->
		<table border="1">
		  <colgroup>
		    <col span="2" style="background-color:red">
		    <col style="background-color:yellow">
		  </colgroup>
		  <tr>
		    <th>ISBN</th>
		    <th>Title</th>
		    <th>Price</th>
		  </tr>
		  <tr>
		    <td>3476896</td>
		    <td>My first HTML</td>
		    <td>$53</td>
		  </tr>
			</table>
		<!--26 <datalist>定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。	 -->
		<input list="browsers">
		<datalist id="browsers">
		  <option value="Internet Explorer">
		  <option value="Firefox">
		  <option value="Chrome">
		  <option value="Opera">
		  <option value="Safari">
		</datalist>
		<!--27 <dd></dd> 定义定义列表中项目的描述-->
		<dl> 
			<dt>Coffee</dt>
			<dd>Black hot drink</dd>
			<dt>Milk</dt>
			<dd>White cold drink</dd>
		</dl>
		<!--28 <del></del> 定义被删除文本-->
		<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
		<!--29 <details></details>用于描述文档或文档某个部分的细节 -->
		<details>
		<summary>Copyright 1999-2011.</summary>
		<p> - by Refsnes Data. All Rights Reserved.</p>
		<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
		</details>
		<!--30 <dfn></dfn> 定义定义项目-->
		<dfn>定义项目</dfn>
		<!--31 <dialog></dialog> 定义对话框,比如提示框-->
		<table border="1">
		<tr>
		  <th>January <dialog open>This is an open dialog window</dialog></th>
		  <th>February</th>
		  <th>March</th>
		</tr>
		<tr>
		  <td>31</td>
		  <td>28</td>
		  <td>31</td>
		</tr>
		</table>
		<!--32 <dir></dir> 定义目录列表-->
		<dir>
		  <li>html</li>
		  <li>xhtml</li>
		  <li>css</li>
		</dir>
		<!--33 <div></div> 定义文档中的节-->
		<div style="color:#0000FF">
		  <h3>这是一个在 div 元素中的标题。</h3>
		  <p>这是一个在 div 元素中的文本。</p>
		</div>
		<!--34 <dl></dl> 定义列表详情-->
		<dl>
		  <dt>Coffee</dt>
		    <dd>Black hot drink</dd>
		  <dt>Milk</dt>
		    <dd>White cold drink</dd>
		</dl>
		<!--35 <dt></dt> 定义列表中的项目-->
		<dl>
		  <dt>Coffee</dt>
		    <dd>Black hot drink</dd>
		  <dt>Milk</dt>
		    <dd>White cold drink</dd>
		</dl>
		<!--36 <em></em>定义强调文本 -->
		<em>强调文本</em>
		<!--37 <embed src="" type=""> 定义嵌入的内容,比如插件。-->
		<embed type="image/jpg" src="https://static.jyshare.com/images/runoob-logo.png" width="258" height="39">
		
		<embed type="text/html" src="snippet.html" width="500" height="200">
		
		<embed type="video/webm" src="video.mp4" width="400" height="300">
		<!--38 <fieldset></fieldset>定义围绕表单中元素的边框 -->
		<form>
		  <fieldset>
		    <legend>Personalia:</legend>
		    Name: <input type="text"><br>
		    Email: <input type="text"><br>
		    Date of birth: <input type="text">
		  </fieldset>
		</form>
		<!--39 <figcaption></figcaption>定义<figure> 元素的标题 -->
		<figure>
		  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
		  <figcaption>Fig1. - A view of the pulpit rock in Norway.</figcaption>
		</figure>
		<!--40 <figure></figure>规定独立的流内容(图像、图表、照片、代码等等)。 -->
		<figure>
		  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
		</figure>
		<!--41 <font></font> 定义文字的字体、尺寸和颜色。-->
		<font size="3" color="red">这是一些文本!</font>
		<font size="2" color="blue">这是一些文本!</font>
		<font face="verdana" color="green">这是一些文本!</font>
		<!--42 <footer></footer> 定义 section 或 document 的页脚。-->
		<footer>
		  <p>Posted by: Hege Refsnes</p>
		  <p><time pubdate datetime="2012-03-01"></time></p>
		</footer>
		<!--43 <form action=""></form>定义了HTML文档的表单 -->
		<form action="demo_form.php" method="get">
		  First name: <input type="text" name="fname"><br>
		  Last name: <input type="text" name="lname"><br>
		  <input type="submit" value="提交">
		</form>
		<!--44 <frame> 定义框架集的窗口或框架-->
		<frameset cols="25%,50%,25%">
		  <frame src="frame_a.htm">
		  <frame src="frame_b.htm">
		  <frame src="frame_c.htm">
		</frameset>
		<!--45 <frameset></frameset> 定义框架集-->
		<frameset cols="25%,*,25%">
		  <frame src="frame_a.htm">
		  <frame src="frame_b.htm">
		  <frame src="frame_c.htm">
		</frameset>
		<!--46 <h1> to <h6>定义 HTML 标题 -->
		<h1>这是标题 1</h1> 
		<h2>这是标题 2</h2> 
		<h3>这是标题 3</h3> 
		<h4>这是标题 4</h4> 
		<h5>这是标题 5</h5> 
		<h6>这是标题 6</h6>
		<!--47 <head></head>定义关于文档的信息 -->
		<!DOCTYPE html>
		<html>
		<head>
		<meta charset="utf-8">
		<title>文档标题</title>
		</head>
		 
		<body>
		文档内容......
		</body>
		 
		</html>
		<!--48 <header></header>定义了文档的头部区域 -->
		<article>
		    <header>
		        <h1>Internet Explorer 9</h1>
		        <p><time pubdate datetime="2011-03-15"></time></p>
		    </header>
		    <p> Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的</p>
		</article>
		<!--49 <hr /> 定义水平线-->
		<h1>HTML</h1>
		<p>HTML 是用于描述 web 页面的一种语言。</p>
		
		<hr>
		
		<h1>CSS</h1>
		<p>CSS 定义如何显示 HTML 元素。</p>
		<!--50 <html></html>定义 HTML 文档-->
		<!DOCTYPE html>
		<html>
		<head>
		<meta charset="utf-8">
		<title>文档标题</title>
		</head>
		
		<body>
		文档内容......
		</body>
		
		</html>
		<!--51 <i></i> 定义斜体字-->
		<p>He named his car <i>The lightning</i>, because it was very fast.</p>
		<!--52 <iframe src="" frameborder="0"></iframe> 定义内联框架-->
		<iframe src="https://www.runoob.com"></iframe>
		<!--53 <img src="" alt="" /> 	定义图像-->
		<img src="smiley-2.gif" alt="Smiley face" width="42" height="42">
		<!--54 <input type="text" /> 定义输入控件-->
		<form action="demo_form.php">
		  First name: <input type="text" name="fname"><br>
		  Last name: <input type="text" name="lname"><br>
		  <input type="submit" value="提交">
		</form>
		<!--55 <ins></ins>定义被插入文本 -->
		<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
		<!--56 <kbd></kbd> 定义键盘文本-->
		<kbd>键盘输入</kbd>
		<!--57 <keygen>规定用于表单的密钥对生成器字段。 -->
		<form action="demo_keygen.asp" method="get">
			 
			用户名: <input type="text" name="usr_name">
			 
			加密: <keygen name="security">
			 
			<input type="submit">
			</form>
			<!--58 <label for=""></label>定义 input 元素的标注 -->
			<form action="demo_form.php">
			  <label for="male">Male</label>
			  <input type="radio" name="sex" id="male" value="male"><br>
			  <label for="female">Female</label>
			  <input type="radio" name="sex" id="female" value="female"><br><br>
			  <input type="submit" value="提交">
			</form>
			<!--59 <legend></legend>定义 fieldset 元素的标题 -->
			<form>
				 
				<fieldset>
				   
				<legend>Personalia:</legend>
				   
				Name: <input type="text" size="30"><br>
				   
				Email: <input type="text" size="30"><br>
				   
				Date of birth: <input type="text" size="10">
				 
				</fieldset>
				</form>
			<!--60 <li></li>定义列表的项目 -->
			<ol>
			       
			      <li>Coffee</li>
			       
			      <li>Tea</li>
			       
			      <li>Milk</li>
			</ol>
			<ul>
			       
			      <li>Coffee</li>
			       
			      <li>Tea</li>
			       
			      <li>Milk</li>
			</ul>
			<!--61 <link rel="stylesheet" href="" /> 定义文档与外部资源的关系-->
			<head>
			<link rel="stylesheet" type="text/css" href="theme.css">
			</head>
			<!--62 <main></main>定义文档的主体部分。 -->
			<main>
			  <h1>Web 浏览器</h1>
			  <p>Google Chrome、Firefox 以及 Internet Explorer 是目前最流行的浏览器。</p>
			 
			  <article>
			    <h1>Google Chrome 浏览器</h1>
			    <p>Google Chrome 浏览器是由 Google 开发的一款免费的开源 web 浏览器,于 2008 年发布。</p>
			  </article>
			 
			  <article>
			    <h1>Internet Explorer 浏览器</h1>
			    <p>Internet Explorer 浏览器由微软开发的一款免费的 web 浏览器,发布于 1995 年。</p>
			  </article>
			 
			  <article>
			    <h1>Mozilla Firefox 浏览器</h1>
			    <p>Firefox 浏览器是一款来自 Mozilla 的免费开源 web 浏览器,发布于 2004 年。</p>
			  </article>
			</main>
			<!--63 <map name=""></map>定义图像映射 -->
			<img src="planets.gif"
			      width="145" height="126"
			      alt="Planets"
			      usemap="#planetmap">
			      <map 
			      name="planetmap">
			       
			      <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
			       
			      <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
			       
			      <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
			      </map>
			<!--64 <mark>定义带有记号的文本。请在需要突出显示文本时使用 <em> 标签。 -->
			<p>Do not forget to buy <mark>milk</mark> today.</p>
			<!--65 <meta />定义关于 HTML 文档的元信息。 -->
			<head>
			<meta name="description" content="免费在线教程">
			<meta name="keywords" content="HTML,CSS,XML,JavaScript">
			<meta name="author" content="runoob">
			<meta charset="UTF-8">
			</head>
			<!--66 <meter></meter>定义度量衡。仅用于已知最大和最小值的度量。 -->
			<meter value="2" min="0" max="10">2 out of 10</meter><br>
			<meter value="0.6">60%</meter>
			<!--67 <nav> 定义导航链接的部分-->
			<nav>
			  <a href="/html/">HTML</a> |
			  <a href="/css/">CSS</a> |
			  <a href="/js/">JavaScript</a> |
			  <a href="/jquery/">jQuery</a>
			</nav>
			<!--68 <noframes>定义针对不支持框架的用户的替代内容 -->
			<html>
				<frameset cols="25%,50%,25%">
			  <frame src="frame_a.htm">
			  <frame src="frame_b.htm">
			  <frame src="frame_c.htm">
				  <noframes>Sorry, your browser does not handle frames!</noframes>
				</frameset>
			</html>
			<!--69 <noscript>定义针对不支持客户端脚本的用户的替代内容。 -->
			<script>
			document.write("Hello World!")
			</script>
			<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>
			<!--70 <object>定义内嵌对象 -->
			<object width="400" height="400" data="helloworld.swf"></object>
			<!--71 <ol> 定义有序列表。-->
			<ol>
			  <li>Coffee</li>
			  <li>Tea</li>
			  <li>Milk</li>
			</ol>
			 
			<ol start="50">
			  <li>Coffee</li>
			  <li>Tea</li>
			  <li>Milk</li>
			</ol>
			<!--72 <optgroup>定义选择列表中相关选项的组合。 -->
			<select>
			       
			      <optgroup label="Swedish Cars">
			         
			      <option value="volvo">Volvo</option>
			         
			      <option value="saab">Saab</option>
			       
			      </optgroup>
			       
			      <optgroup label="German Cars">
			         
			      <option value="mercedes">Mercedes</option>
			         
			      <option value="audi">Audi</option>
			       
			      </optgroup>
			<!--73 <option>定义选择列表中的选项。 -->
			<select>
			       
			      <option value="volvo">Volvo</option>
			       
			      <option value="saab">Saab</option>
			       
			      <option value="opel">Opel</option>
			       
			      <option value="audi">Audi</option>
			</select>
			<!--74 <output> 定义不同类型的输出,比如脚本的输出。-->
			<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
			  <input type="range" id="a" value="50">100
			  +<input type="number" id="b" value="50">
			  =<output name="x" for="a b"></output>
			<!--75 <p>定义段落。 -->
			<p>这是一个段落。</p>
			<!--76 <param>定义对象的参数。 -->
			<object data="horse.wav">
			  <param name="autoplay" value="true">
			</object>
			<!--77 <pre> 定义预格式文本。-->
			<pre>
			此例演示如何使用 pre 标签
			对空行和    空格
			进行控制
			</pre>
			<!--78 <progress>定义运行中的进度(进程)。 -->
			<progress value="22" max="100"></progress>
			<!--79 <q>定义短的引用。 -->
			<p>WWF's goal is to: 
				<q>Build a future where people live in harmony with nature.</q>
				We hope they succeed.</p>
			<!--80 <rp> <rp> 标签在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。-->
			<ruby>
			  漢 <rp>(</rp><rt>han</rt><rp>)</rp>
			  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
			</ruby>
			
			<!--81 <rt> <rt> 标签定义字符(中文注音或字符)的解释或发音。-->
			<ruby>
			  汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
			  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
			</ruby>
			
			<!--82 <ruby><ruby> 标签定义 ruby 注释(中文注音或字符)。 -->
			<ruby>
			  汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
			  字 <rp>(</rp><rt>zi</rt><rp>)</rp>
			</ruby>
			<!--83 <s>定义加删除线的文本 -->
			<p><s>My car is blue.</s></p>
			<p>My new car is silver.</p>
			<!--84 <samp> 定义计算机代码样本。-->
			<samp>计算机样本</samp>
			<!--85 <script> 定义客户端脚本。-->
			<script>
			document.write("Hello World!")
			</script>
			<!--86 <section><section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。 -->
			<section>
			  <h1>WWF</h1>
			  <p>The World Wide Fund for Nature (WWF) is....</p>
			</section>
			<!--87 <select>定义选择列表(下拉列表)。 -->
			<select>
			    <option value="volvo">Volvo</option>
			    <option value="saab">Saab</option>
			    <option value="mercedes">Mercedes</option>
			    <option value="audi">Audi</option>
			</select>
			<!--88 <small>定义小号文本。 -->
			<p> runoob.com - the world's largest web development site.</p>
			<p><small> Copyright 1999-2050 by Refsnes Data.</small></p>
			<!--89 <source> <source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。-->
			<audio controls>
			    <source src="horse.ogg" type="audio/ogg">
			    <source src="horse.mp3" type="audio/mpeg">
			    您的浏览器不支持 audio 元素。
			</audio>
			<!--90 <span>定义文档中的节。 -->
			<p>我的母亲有 <span style="color:blue">蓝色</span>
			      的眼睛。</p>
			<!--91 <strong> 定义强调文本。-->
			<strong>加粗文本</strong>
			<!--92 <style> 定义文档的样式信息。-->
			<!DOCTYPE html>
			<html>
			<head>
			<meta charset="utf-8"> 
			<title>菜鸟教程(runoob.com)</title>
			<style type="text/css">
			h1 {color:red;}
			p {color:blue;}
			</style>
			</head>
			 
			<body>
			<h1>这是一个标题</h1>
			<p>这是一个段落。</p>
			</body>
			 
			</html>
			<!--93 <sub> 定义下标文本。-->
			<p>这个文本包含 <sub>下标</sub>文本。</p>
			<!--94 <summary><summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。 -->
			<details>
			  <summary>Epcot Center</summary>
			  <p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
			</details>
			<!--95 <sup>定义上标文本。 -->
			<p>这个文本包含 <sup>上标</sup> 文本。</p>
			<!--96 <table> 定义表格。-->
			<table border="1">
			  <tr>
			    <th>Month</th>
			    <th>Savings</th>
			  </tr>
			  <tr>
			    <td>January</td>
			    <td>$100</td>
			  </tr>
			  <tr>
			    <td>February</td>
			    <td>$80</td>
			  </tr>
			</table>
			<!--97 <tbody>定义表格中的主体内容。 -->
			<table border="1">
			       
			      <thead>
			       
			       
			      <tr>
			           
			      <th>Month</th>
			            <th>Savings</th>
			       
			       
			      </tr>
			       
			      </thead>
			       
			      <tfoot>
			          <tr>
			            <td>Sum</td>
			            <td>$180</td>
			          </tr>
			       
			      </tfoot>
			       
			      <tbody>
			          <tr>
			            <td>January</td>
			       
			         
			      <td>$100</td>
			          </tr>
			          <tr>
			            <td>February</td>
			            <td>$80</td>
			       
			       
			      </tr>
			       
			      </tbody>
			      </table>
				  <!--98 <td> 定义表格中的单元。-->
				  <table border="1">
				  	 
				  	<tr>
				  	   
				  	<td>Cell A</td>
				  	   
				  	<td>Cell B</td>
				  	 
				  	</tr>
				  	</table>
					<!--99 <textarea>定义多行的文本输入控件。 -->
					<textarea rows="10" cols="30">
					      我是一个文本框。 
					</textarea>
					<!--100 <tfoot>定义表格中的表注内容(脚注)。 -->
					<table border="1">
					  <thead>
					    <tr>
					      <th>Month</th>
					      <th>Savings</th>
					    </tr>
					  </thead>
					  <tfoot>
					    <tr>
					      <td>Sum</td>
					      <td>$180</td>
					    </tr>
					  </tfoot>
					  <tbody>
					    <tr>
					      <td>January</td>
					      <td>$100</td>
					    </tr>
					    <tr>
					      <td>February</td>
					      <td>$80</td>
					    </tr>
					  </tbody>
					</table>
					<!--101 <th> 定义表格中的表头单元格。-->
					<table border="1">
					    <tr>
					        <th>Month</th>
					        <th>Savings</th>
					    </tr>
					    <tr>
					        <td>January</td>
					        <td>$100</td>
					    </tr>
					</table>
					<!--102 <thead>定义表格中的表头内容。 -->
					<table border="1">
					  <thead>
					    <tr>
					      <th>Month</th>
					      <th>Savings</th>
					    </tr>
					  </thead>
					  <tfoot>
					    <tr>
					      <td>Sum</td>
					      <td>$180</td>
					    </tr>
					  </tfoot>
					  <tbody>
					    <tr>
					      <td>January</td>
					      <td>$100</td>
					    </tr>
					    <tr>
					      <td>February</td>
					      <td>$80</td>
					    </tr>
					  </tbody>
					</table>
					<!--103 <time> 定义日期或时间,或者两者。-->
					<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
					 
					<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
					<!--104 <template> 定义在页面加载时隐藏的一些内容。-->
					<button onclick="showContent()">显示隐藏内容</button>
					 
					<template>
					  <h2>logo</h2>
					  <img src="https://static.jyshare.com/images/runoob-logo.png" >
					</template>
					 
					<script>
					function showContent() {
					  var temp = document.getElementsByTagName("template")[0];
					  var clon = temp.content.cloneNode(true);
					  document.body.appendChild(clon);
					}
					</script>
					<!--105 <title>定义文档的标题。 -->
					<html>
					<head>
					<meta charset="utf-8">
					<title>文档标题</title>
					</head>
					 
					<body>
					文档内容......
					</body>
					 
					</html>
					<!--106 <tr>定义表格中的行。 -->
					<table border="1">
					       
					      <tr>
					         
					      <th>Month</th>
					         
					      <th>Savings</th>
					       
					      </tr>
					       
					      <tr>
					         
					      <td>January</td>
					         
					      <td>$100</td>
					       
					      </tr>
					      </table>
						  <!--107 <track> <track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。-->
						  <video width="320" height="240" controls>
						  <video controls
						         src="/video/php/friday.mp4">
						      <track default
						             kind="captions"
						             srclang="en"
						             src="/video/php/friday.vtt" />
						      抱歉,您的浏览器不支持嵌入视频!
						  </video>
						  </video>
						  <!--108 <tt> 定义打字机文本。-->
						  <p><tt>Teletype text</tt></p>
						  <!--109 <u> 定义下划线文本。-->
						  <p>This is a <u>parragraph</u>.</p>
						  <!--11o <ul> 定义无序列表。-->
						  <ul>
						      <li>Coffee</li>
						      <li>Tea</li>
						      <li>Milk</li>
						  </ul>
						  <!--111 <var> 定义文本的变量部分。-->
						  <var>变量</var>
						  <!--112 <video><video> 标签定义视频,比如电影片段或其他视频流。 -->
						  <video width="320" height="240" controls>
						      <source src="movie.mp4" type="video/mp4">
						      <source src="movie.ogg" type="video/ogg">
						      您的浏览器不支持 video 标签。
						  </video>
						  <!--113 <wbr>规定在文本中的何处适合添加换行符。 -->
						  <p>学习 AJAX ,您必须熟悉 <wbr>Http<wbr>Request 对象。</p>
						  
	</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mango's Louvre

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值