1.内容：
html是一种基于web的超文本语言，也是一种标记语言。她允许创建链接、添加图片、添加音视频、输入表格、框架等的功能。可以将之存为文本文件，浏览器可以读取和显示。
2.操作环境
编辑器：sublime_text
浏览器：google
3.html的组成
!+tap键可以先构造出整体框架
<title>是网页的标签
<head>头部：包括<body>主体部分、<h1>一级标题
<h2>二级标题。以此类推
<p>段落
3.常用的基本操作
（1）添加标题
<title>清明古诗</title>
（2）添加主体
<h1>清明 <span style="font-size: 20px">（唐代杜牧诗作）</span></h1>
<hr/>
<p>《清明》是唐代文学家杜牧的诗作。此诗写清明春雨中所见，色彩清淡，心境凄冷，历来广为传诵。第一句交代情景、环境、气氛；第二句写出了人物，显示了人物的凄迷纷乱的心境；第三句提出了如何摆脱这种心境的办法；第四句写答话带行动，是整篇的精彩所在。全诗运用由低而高、逐步上升、高潮顶点放在最后的手法，余韵邈然，耐人寻味。</p>
<h2>作品原文</h2>
<p>清明</p>
<p>清明时节雨纷纷，路上行人欲断魂。</p>
<p>借问酒家何处有？牧童遥指杏花村。</p>
<h2>作品配图</h2>
注：<hr>是在页面中画线。可以设计占比大小。在heml的注释方法是<!-- -->
(3)添加图片
<img src="images/qm.jpg">
使用img进行标识
src表示.html的文件与图片的相对位置
（4）添加音频
<!--
audio标记：用于插入音频，常用属性
src:指定音频文件的位置
controls:指定出现音频控制条，该属性值也为controls
autoplay:自动播放，改属性的值也为autoplay
loop:循环播放，改属性的值也为loop
H5约定：当属姓名和属性值相同时，可以不写属性值
-->
<audio src="mp3/qm.mp3" controls="controls" ></audio>
（5）添加视频
<video src="video/myz.mp4" controls="controls"></video>
（6）对标题或者段落做一些处理
a.在头部对其先进行定义
<style type="text/css">
/*选择所有的p标记*/
p{
text-indent: 2em;/*段首空两格*/
}
h2{
color: blue;
}
</style>
b.在每个需要处理的位置对其进行设置
<h1>清明 <span style="font-size: 20px">（唐代杜牧诗作）</span></h1>
4.一些常用用法
<span></span>选中某个文字或者图片
<b></b>删除操作
<a></a>对某个图片、文字进行链接设置。
<i></i>对文字进行斜体定义
5.链接
a.
a标记是超链接标记，可连接到一个网页、网址、音视频、图片等目标
常用属性：
href:指定超链接的目标
target:指定链接目标在哪里显示。若取值为_self，则在当前窗口显示，若取值为_blank,则在新窗口中显示。若不指定改属性，默认为_self。
b.
链接到某个位置
通常分两步
第一步在指定的位置做标记（通过 <a name="#标记名">....</a>）
第二步在链接的位置，通过<a herf="#标记名">...</a>
特别的回到页首，只需第二步,<a herf="#"></a>
354
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
