a标签，文本元素及四种引用方式

a标签

书写格式：

<a href="目标">内容</a>

a标签的功能：

1、普通的跳转；

2、锚点定位；

3、
发邮件：
<a href="tel:182******62">给我打电话</a>
打电话：
<a href="mailto:l*********14@163.com">给我发邮件</a>

a标签的打开方式：

1、在新的页面打开：属性名为target，属性值为 _ blank新页面打开、_ self当前页面打开（默认值）

外部引用优势：批量修改、重复使用。

相对路径和绝对路径

相对路径：图像文件和HTML文件位于同一文件夹，相对于当前资源的位置，只能用于访问站内资源。

书写格式：./路径

./表示当前资源所在的目录，必须作为相对路径的开始，可省略

…/表示返回上一级目录

绝对路径：当网站部署到服务器后，网站中的所有资源都可以通过一个地址（路径）访问

书写格式：协议：//域名/目录

绝对路径使用场景：

• 访问站外资源时，只能使用绝对路径；
• 访问站内资源时，若网站已部署到服务器，可以使用绝对路径，并可以省略协议和域名。（站内资源推荐使用相对路径）。

title和h标签的区别：

• < title>是网页的标题，是写给搜索引擎看的，写在< head>里面；< title>标签里的文本不出现在页面内容里面。
• < h1>是文章的标题，是给用户看的，写在< body>里面。< h1>标签里的文本出现在页面内容里面。

文本元素

• h1~h6 一级标题~6级标题

• p 段落

• blockquote 整段/大段的引用

blockquote:大段文本的引用
功能：自动添加缩进
【扩展】

• q 小段文本的引用

q小段引用
功能：自动添加引号

• cite 对参考文献的引用

cite当属性:
1、属性值不会显示到页面
2、普通浏览器不会识别
3、阅读浏览器识别，告知来自哪里

cite当标签：
1、文献的引用（斜体）
2、搜索引擎可以识别，内容来自于哪里

• abbr 对缩写词的引用

abbr缩写
title的属性值是展示到页面的内容
注：只有鼠标移动到abbr的元素内容是title属性值才显示

• strong 重要的文本

• b 应突出显示的文本

strong和b的区别：
1、普通浏览器不会识别，所有的文本都会加粗
2、阅读浏览器识别，strong会加重读音/语气
3、搜索引擎会识别strong（即增加元素呢的权重）

• em 强调的文本

• i 应区别对待的文本

em和i的区别：
1、普通浏览器无区别
2、阅读浏览器的区别，em会加重读音
3、搜索引擎会识别em（即增加元素内容的权重）

批量修改

快捷键：ctrl+d

批量复制（内容不同）：选中要复制的内容（多个）alt+双击（选择）

实体字符

实体字符的书写格式为 &实体名称；或 &#实体编号；

以 & 开始 分号结束

常见的实体字符如下：

显示结果	描述	实体名称	实体编号
	空格	& nbsp;	& #160;
<	小于符号	& lt;	& #60;
>	大于符号	& gt;	& #62;
&	并且符号	& amp;	& #38;
©	版权符号	& copy;	& #169;

在HTML中，空格的大小取决于你当前所在的标签的字体大小。

空白折叠：在html代码中，按多个空格和回车会合并成一个空格
如何实现多个空格？
解决方式：实体字符
书写格式：&开始 分号结束

使用外部样式表

CSS代码在一个独立的文件中，HTML通过link元素引入到页面

使用外部样式表的特点：

• 实现了内容结构和表现形式代码分离，方便维护、复用和修改
• 使HTML代码更加纯净，有利于程序员和搜索引擎的阅读
• 是开发页面的常见做法

使用内部样式表

将CSS代码写到HTML文档的style标签中

使用内部样式表的特点：

• 没有了样式表文件，在某些时候可以提升效率
• 多个页面难以共享样式，不利于代码复用
• HTML和CSS代码混杂，不利于程序员和搜索引擎阅读
• 在某些对效率要求苛刻或测试的场景下使用

使用行内样式表

CSS代码写在某个元素开始标记的style属性中，行内样式不写选择器

使用行内样式表的特点：

• 没有了样式表文件，在某些时候可以提升效率
• 多个页面难以共享样式，不利于代码复用
• HTML和CSS代码混杂，不利于程序员和搜索引擎阅读
• 留给JS使用，JavaScript操作的是行内样式
• 测试的场景下使用

@import只能引用css文件