HTML5 可理解为HTML + CSS + JavaScript
<!DOCTYPE html> //文档类型声明
<html lang="zh-cn"> //表示 HTML 文档开始
<head> //头部
<meta charset="utf-8"> //声明字符编码
<title> 基本结构 </title> //设置文档标题
</head>
<body> //HTML 文档内容
<a href="http://www.baidu.com">百度</a> //一个超链接元素（标签）
</body> // HTML主体
</html> //表示 HTML 文档结束
(ps：在代码区“、、、”后加上相应的语言，即可实现代码高亮)
1.文本元素
2.href 是必须属性，否则<a>元素就变成空元素了。如果属性值是 http://开头的 URL，意味着点击跳转到指定的外部网站。target 属性告诉浏览器希望将所链接的资源显示在哪里。
<a href="http://www.baidu.com" target="_blank">百度</a>
| 属性名称 | 说明 |
|---|---|
| _blank | 在新窗口或标签页中打开文档 |
| _parent | 在父窗框组中打开文档 |
| _self | 在当前窗口打开文档（默认） |
| _top | 在顶层窗口打开文档 |
2.关于路径
同一个目录：index2.html 或./index2.html；
在子目录：xxx/index2.html；
在孙子目录：xxx/xxx/index2.html；
在父目录：…/index2.html；
在爷爷目录：…/…/index2.html；
3.超链接也可用来将同一个文档中的另一个元素移入视野。通过属性 id 或 name 实现锚
点定位。
<a href="#1">第一章</a>
<a name="1"></a>
<a id="3"></a>
4.分组元素
01.<p>建立段落，将内部包含的文本形成一个段落；而段落和段落之间保持
一定量的空隙。
02.通过<div>这种一般性分组元素进行布局。在 HTML5 中，常被其他各种文档元素所代替。和<p>段落的区别就是，两段文本没有上下空隙没有，空隙间隔和<br>换行一样。
03.<blockquote>引用大段他出内容，实际作用除了和<p>元素一样，有段落空隙的功能，还包含了首尾缩进的功能。
04.<pre>展现格式化内容
<pre>
#####
#####
</pre>
<pre>元素是将编辑器的排版原封不动的展现出来。这种只适合简单的排版。
05.<hr>添加分隔线，呈现上下文主题的分割。
06.<ul><li>添加无序列表
<ul>
<li>张三</li>
<li>李四</li>
<li>王五</li>
</ul>
<ul>元素表示无序列表，而<li>元素则是内部的列表项。
07.<ol><li>添加有序列表
<ol>
<li>张三</li>
<li>李四</li>
</ol>
<ol>元素表示有序列表，而<li>元素则是内部的列表项。<ol>元素目前支持三
种属性。
<li value="7">王五</li>
08.<dl><dt><dd>生成说明列表
<dl>
<dt>这是一份文件</dt>
<dd>这里是这份文件的详细内容 1</dd>
<dd>这里是这份文件的详细内容 2</dd>
</dl>
9.表格元素
10.文档元素基本没有什么实际作用效果，主要目的是在页面布局时区分各个主题和概念。
11.嵌入元素
01.通过图片中的热点进行超链接,<img>元素主要是插入一张外部的图片，图片的路径问题和超链接一致。
<map>
<img src="img.png" alt="风景图" width="339" height="229" usemap="#Map">
<map name="Map">
<area shape="rect" coords="31,28,112,100"
href="http://www.baidu.com" target="_blank" alt="方形">
</map>
02.<iframe>嵌入另一个文档,<iframe>表示内嵌一个 HTML 文档。其下的 src 属性表示初始化时显示的页面，width 和 height 表示内嵌文档的长度和高度，name 表示用于 target 的名称。
<a href="index.html" target="in">index</a> |
<a href="http://www.baidu.com" target="in">百度</a>
<iframe src="http://www.ycku.com" width="600" height="500"
name="in"></iframe>
03.<embed>嵌入插件内容,元素是扩展浏览器的功能，大部分用于添加对插件的支持。width 和 height 表示宽高；src 表示文件路径。
<embed src="v.swf" type="application/x-shockwave-flash"
width="480" height="400">
</embed>
04.<progress>显示进度,元素可以显示一个进度条，一般通过 JS 控制内部的值。IE9 以及更低版本不支持此元素。
<progress value="30" max="100"></progress>
05.<meter>显示范围里的值,显示某个范围内的值。其下的属性包含：min 和 max 表示范围边界，low 表示小于它的值过低，high 表示大于它的值过高，optimum 表示最佳值，但不出现效果。IE 浏览器不支持此元素。
<meter value="90" min="10" max="100" low="40" high="80"
optimum="60"></meter>
扫一扫
646
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
