文本格式化标签：
加粗：<strong></strong>或<b></b>
倾斜：<em></em>或<i></i>
删除线：<del></del>或<s></s>
下划线：<ins></ins>或<u></u>
<body>
我是<strong>加粗</strong>的文字<br /> 我是
<em>倾斜</em>的文字<br /> 我是
<del>删除线</del>的文字<br /> 我是
<ins>下划线</ins>的文字<br /> 我是
<b>加粗</b>的文字<br /> 我是
<i>倾斜</i>的文字<br /> 我是
<s>删除线</s>的文字<br /> 我是
<u>下划线</u>的文字<br />
</body>
<div>和<span>标签：
<div>和<span>是没有语义的，它们 就是一个盒子，拿来装东西。
div是division的缩写，表示分割、分区。span以为跨度、跨距。
特点：<div>标签用来布局，一行只能有一个<div>，大盒子。
<span>标签用来布局，一行可以有多个<span>，小盒子。
<body>
<div>这个标签会独占一行</div>
<div>说了会独占一行你不信</div>
<span>赤犬</span>
<span>黄猿</span>
<span>青雉</span>
<span>藤虎</span>
</body>
图像标签（单标签）
<body>
<img src="picture1.jpg" alt="裂开了" title="图片可预览" />
</body>其中当图片和HTML文件处于同一路径时，可直接用图片的文件名加格式，若图片在其他地方，则需要写入完整路径。
alt后面的文字，是在图片无法显示时，显示给用户看的，即使用户看不见图片，他也可以根据文字了解到这张图的内容是啥。（故意修改图片路径使图片无法显示即可看见效果）
title后面的文字是当用户的鼠标放到图片上的时候显示的。
效果如右边所示：
<body>
<img src="picture1.jpg" alt="裂开了" title="图片可预览" width="500" border="15" />
</body>当设置宽高时，如果只设置其中某一项，则图片会等比例缩放。
效果图如下：
周围黑色的就是border边框了。
图像标签的注意点：
1.图像标签可以拥有多个属性，必须写在标签名的后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
3.属性采用键值对的格式，即key="value"的格式，属性="属性值"。
4.src属性是必须要写的，不然用图像标签干嘛？
相对路径：
同级路径：image.jpg
下一级路径：image/image.jpg（此时image文件夹和html文件处于同一级）
上一级路径：../image/image.jpg
在使用个人电脑时可以使用绝对路径，但如果你要把自己的代码拿给别人看，则需要使用相对路径，因为每个人的电脑路径都不是完全相同的。（推荐相对路径，可以锻炼写代码的能力）
另外还有一种情况，如果你盗用别人网站的图片，你可以右键复制图片地址，若该图片地址一直不变，则可以一直使用。
链接分类：
1.外部链接：例如<a href="www.qq.com">QQ</a>
2.内部链接：网站内部页面之间的相互链接，直接链接内部网页名称即可，例如<a href="index.html">首页</a>
3.空连接：如果当时没有确定链接目标时，<a href="#"> 首页</a>
4.下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件。
5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
6.锚点链接：点击链接后，不是跳转至其他页面，而是快速定位到本页面的某个位置。
target里面是_self，意为在本窗口打开链接，也即是说，当你点击链接以后，该页面会消失，变成你所要访问的页面。
<body>
<a href="https://www.baidu.com/" target="_self">百度</a>
</body>
另一种情况，_blank，你会看见重新打开了一个新的窗口，原来的网页还在。
<body>
<a href="https://www.baidu.com/" target="_blank">百度</a>
</body>
网页元素链接：有个特牛的操作，就是把图片作为超链接，点击图片即可跳转。
<body>
<a href="https://www.baidu.com/" target="_blank"><img src="../image/picture1.jpg" /></a>
</body>锚点链接：
1.设置href属性值为#名字，如 <a href="#two">第二部分</a>
2.找到目标位置标签，添加id属性等于刚才的名字，如 <h3 id="two">第二部分介绍</h3>
<body>
<h1>首页</h1><br />
<p>这里应该有一些文字才不空旷</p><br />
<a href="#1">第一部分</a>
<p> </p>
<a href="#2">第二部分</a>
<p> </p>
<a href="#3">第三部分</a>
<p> </p>
<a href="#4">第四部分</a>
<p> </p>
<a href="#5">第五部分</a>
<p> </p>
<h3 id="1">第一部分</h3><br />
<p>喜洋洋</p><br>
<h3 id="2">第二部分</h3><br />
<p>美洋洋</p><br>
<h3 id="3">第三部分</h3><br/>
<p>懒洋洋</p><br />
<h3 id="4">第四部分</h3><br/>
<p>沸羊羊</p><br />
<h3 id="5">第五部分</h3><br/>
<p>灰太狼</p><br />
</body>
点击第四部分的链接，页面会立刻移动到第四部分。
HTML中的注释：
<!-- -->快捷键为Ctrl+/
特殊字符
776
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
