思维导图
一：排版标签
1. 标题标签
为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML 提供了 6 个等级的网页标题， 即
<h1> - <h6>
<body>
<h1>好好学习，天天向上</h1>
<h2>好好学习，天天向上</h2>
<h3>好好学习，天天向上</h3>
<h4>好好学习，天天向上</h4>
<h5>好好学习，天天向上</h5>
<h6>好好学习，天天向上</h6>
</body>
单词 head 的缩写，意为头部、标题。
标签语义：作为标题使用，并且依据重要性递减。
特点：
- 加了标题的文字会变的加粗，字号也会依次变大。
- 一个标题独占一行。
2：段落标签
在网页中，要把文字有条理地显示出来，就需要将这些文字分段显示。在 HTML
标签中，<p>标签用于定义段落，它可以将整个网页分为若干个段落。
<p>老师说：好好学习</p>
特点：
- 文本在一个段落中会根据浏览器窗口的大小自动换行。
- 段落和段落之间保有空隙
3：水平线标签
< hr />标签
4：强制换行标签
在 HTML 中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后才自动换行。如果希望 某段文本强制换行显示，就需要使用换行标签 <br />。
特点：
<br />是个单标签。<br />标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。
5：div和span标签
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。
<body>
<div>这是一个大盒子</div> <div>不可以同行</div>
<span>小盒子</span> <span>在一行</span> <span>在一行</span>
</body>
二：文本格式化标签
在网页中，有时需要为文字设置粗体、 斜体 或
删除线等效果，这时就需要用到 HTML
中的文本格式化标签，使文字以特殊的方式显示。
标签语义: 突出重要性, 比普通文字更重要。
| 语义 | 标签 |
|---|---|
| 加粗 | < strong > < /strong > 或 者 < b > < /b > |
| 倾斜 | < em > </ em > 或者 < i > < /i > |
| 删除 | < del > < /del >或者< s > < / s > |
| 下划线 | < ins > < /ins > 或者 < u > < /u > |
【叽叽歪歪】前者加粗推荐使用
三：图片标签
在 HTML 标签中，
<img>标签用于定义 HTML 页面中的图像。
<img src="../day_10.12/images/btn.png"
alt="图片加载不出来的解释"
title="鼠标滑到图片，图片会出来的解释"
width="100px"
height="15px"
border="1px">
图像标签属性注意点：
① 图像标签可以拥有多个属性，必须写在标签名的后面。
② 属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开。
③ 属性采取键值对的格式，即 key=“value" 的格式，属性 =“属性值”。
src的绝对路径和相对路径
【叽叽歪歪】src是img中必须包括的一个标签，border指的是图像的边框宽窄，width,height指的是图像的宽窄，至于改哪个，另一个会不会随着变化或者不变化，等以后学了绝对，相对定位再来修改具体，百度了，但涉及以后的知识，就先不写了，现在记住意思就好。
四：链接标签
1：href（a 中必备标签）
在 HTML 标签中，
<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。
<!-- 内部链接 -->
<a href="test.html">跳转到内部链接</a>
<!-- 外部链接 -->
<a href="http://baidu.com">跳转到外部链接</a>
<!-- 空链接：一个跳转网页，但未成形，可暂时使用空链接代替 -->
<a href="#">一个空链接</a>
2：锚点链接
<h1>圣诞节的那些事</h1>
<a href="#ts_3">圣诞是怎样由来</a><br>
<a href="#ts_1">圣诞老人的由来</a><br>
<a href="#ts_2">圣诞树的由来</a>
<h3 id="ts_1">圣诞老人的由来</h3>
<img src="../image/圣诞老人.jpg" />
<p>圣诞节当然少不了圣诞老人，根据圣经记载，书中并没有提起这一号人物。到底他是如何成为圣诞的主角之一呢？</p>
- 运行截图
3：target
<a href="#" target="_self">在原本的页面中跳转到链接页面</a>
<a href="#" target="_blank">重新打开一个页面为点击的链接</a>
4：链接分类：
- 外部链接: 例如 < a href="http:// www.baidu.com "> 百度< /a >。
- 内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href=“index.html”> 首页 </ a >。
- 空链接: 如果当时没有确定链接目标时，< a href="#"> 首页 < /a > 。
- 下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
- 网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
【叽叽歪歪】假如。。。。。不想假如了，编辑了半天，结果没网，啥都没保存，反正就是base标签可以大量统一的修改target的跳转啥的，具体百度吧，自己以后翻笔记忘记也百度吧。。。。
还有一个pre，不常用，预格式化文本标签。就是在这个标签里面的内容，输出的东西会按照你在里面的样子输出，空格啥的，不是问题。
<pre>
我是一个
好人，是的呢！
超级好的人！
</pre>
扫一扫
1240
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
