HTML学习笔记【2】

前集回顾：《HTML学习笔记【1】》

3 HTML标签-第一种分类方式：双标签/单标签

3.10 特殊符号

1.  【空格】人为打的空格，空几个都一样，浏览器都会解释成一个空格
2. <【小于号】lower than
3. >【大于号】greater than 大于号小于号不可以直接< >成对出现，会被解释成标签
   其他特殊符号详见此处-菜鸟参考手册

3.11 特殊文本

	1. <b></b> 【加粗】
	2. <strong></strong> 【加粗】相比b标签，有SEO权重
	3. <i></i>【斜体】
	4. <em></em> 【斜体】
	5. <s></s> 【删除线】
	6. <del></del> 【删除线】
	7. <u></u> 【下划线】
	8. <sub></sub> 【下标】
	9. <sup></sup> 【上标】

3.12 预格式化

	<pre></pre> ：预格式化，自动保留空格和换行

3.13 图片

        <img /> 

图片标签属性：

1. src=" " 【路径】

• 相对路径：图片保存在本地时常用
• 绝对路径：图片在网络上时常用
• 路径的正确打开方式：
  1. 123.jpg 在同一文件夹之下
  2. img/123.jpg 在下一级文件夹中
  3. ../123.jpg 在上一级文件夹中

2. alt=" " 【文字提示】

• 在图片加载失败时看见:
  

3. width=" " height=" " 【大小】

• width宽 height高
• 如果只指定其中一种属性，则默认等比例缩放

3.14 超链接

<a href="img/tree.png">树</a>

1. href="" 后网址链接格式：在前加上http://或者https:// 协议
2. target="_blank" 在新页面中打开超链接，默认值是 target="_self"
3. #xxx 锚点位置：跳转到页面上id属性为“xxx”的所在位置
   • href="link2.html#xxx" 超链接+锚点：直接跳转到指定页面的指定位置

【实例】

<a href="#md">锚点</a>

<p id="md">这是一个锚点所在地</p>

4 HTML标签-第二种分类方式：行内/块标签

4.1 行内标签

• 在一行内显示，设置宽高无效，由内容决定
• 除了img标签：图片标签自带width和height属性，但img本身是块元素

4.2 块标签

• 独占一行，设置宽高有效