html文档基本格式：
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
html注释：
<!--注释-->
常用标签：
<h1></h1><!--h系列标签，标题-->
<p></p><!--段落-->
<hr/><!--水平分隔线-->
<sup></sup><!--上标-->
<sub></sub><!--下标-->
<del></del><!--删除线-->
<ins></ins><!--下划线-->
<em></em><!--强调(斜体)-->
<i></i><!--斜体-->
<b></b><!--粗体-->
<strong></strong><!--重要的文本（粗体）-->
<code></code><!--代码-->
<pre></pre><!--预格式化文本-->
<small></small><!--更小的字号-->
<q></q><!--短引用,自动给文本加双引号-->
<blockquote></blockquote><!--块引用，左右自动缩进，上下自动加外边距-->
<abbrtitle=""></abbr><!--缩写，title指定全称-->
<address></address><!--联系信息，不仅仅指地址，还可以是email、tel等。斜体显示-->
<cite></cite><!--定义作品名称（比如书籍、歌曲、电影、电视节目、绘画、雕塑等的名称），斜体显示-->
超链接：
<!--target指定打开方式，_self是在当前标签页中打开，_blank是在新标签页中打开-->
<ahref="http://www.baidu.com"target="_blank">百度</a>
使用<a>链接跳转到页面的指定部分：
<ahref="#part2">查看part2</a>
<!--
在当前页面中，可直接使用#id调转到当前页面的指定位置
也可使用xxx.html#id跳转到指定页面的指定位置
-->
<h2>part1</h2>
<pstyle="height:1000px"></p>
<h2id="part2">part2</h2><!--给目标位置加id，必须是id，name无效-->
<pstyle="height:1000px"></p>
图片：
<!--无法显示图片时，就显示alt指定的说明文字-->
<imgsrc="image/1.jpg"alt="荷花"width="200"height="100"/>
列表：
<ul><!--无序列表-->
<li></li>
<li></li>
</ul>
<ol><!--有序列表-->
<li></li>
<li></li>
</ol>
表格：
<table>
<caption></caption><!--表格标题，表格上方居中显示-->
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>
布局标签:
<div><!--块级-->
<span></span><!--行内-->
</div>
<nav></nav><!--导航部分-->
<article></article><!--文章-->
<section></section><!--小节、一节内容-->
<header></header><!--文档或文章的页眉-->
<footer></footer><!--文档或文章的底部-->
<address></address><!--文档或文章作者的联系信息-->
<aside></aside><!--侧边栏-->
这几个标签都是语义标签，和<div>的效果完全相同，需要自己写css样式来实现对应的效果。均为块级元素，可以内嵌其他标签。
内联框架：
<!--iframe可以在网页中内嵌另一个网页,src指定另一个页面的url，width、height指定框架尺寸-->
<iframesrc="demo.html"width="60000"height="500">
您的浏览器不支持iframe标签
</iframe>
独立的内容：
<figure><!--figure可以表示独立的内容（图像、图表、照片、代码等等）-->
<imgsrc="image/1.jpg"alt="荷花">
<figcaption>荷花是......</figcaption><!--figcaption会显示在图片下方，与图片构成一个整体-->
</figure>
<fieldset><!--fieldset可以给内容加上边框(包裹起来)-->
<p></p>
</fieldset>
<fieldset>
<caption></caption><!--caption可以在边框中的左上角部分加一个标题-->
<p></p>
</fieldset>
<fieldset>
<caption></caption>
<form></form><常见的用法是配合表单使用，给表单加一个边框、标题-->
</fieldset>
使用浏览器插件来加载资源：
<objectdata="image/1.jpg"></object><!--显示图片-->
<objectdata="1.mp3"></object><!--播放音频-->
<objectdata="1.mp4"></object><!--播放视频-->
<embedsrc="image/1.jpg"/><!--显示图片-->
<embedsrc="1.mp3"/><!--播放音频-->
<embedsrc="1.mp4"/><!--播放视频-->
<object>、<embed>作用相同，只不过设置资源的属性名不同。
<object>、<embed>相当于一个容器，用来盛放资源，资源可以是图片、动画、音频、视频、java小程序等，浏览器会使用自带的插件来加载、运行资源。
<object>、<embed>可以设置width、height，如果不设置，则默认为资源的宽、高。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h56518.shtml
