HTML文本标签、图片、路径、超链接与锚点怎么定义

今天小编给大家分享一下HTML文本标签、图片、路径、超链接与锚点怎么定义的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站设计制作、网站制作、广灵网络推广、成都小程序开发、广灵网络营销、广灵企业策划、广灵品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供广灵建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

1 文本标签

文本标签常嵌套在格式排版标签中，其本身不再包裹别的标签，而是用于包裹某个词，而非大段文字。

注：

• 在HTML规范中的强调语气比更强，在实际开发中并未区分，两个都可以用；强调是为了让搜索引擎知道该关键词。

• 和标签常用于表示原先和现价。

• 和可用于表示少量公式的上下脚标，如H₂O、100³

2 图片

2.1  img 标签

注：

• alt属性的作用：1、搜索引擎可以通过alt属性来判断图片中的内容，便于浏览器搜索；2、图片无法正常显示时显示替代文字，可以知道这是一张什么图片，因而建议为设置alt属性。

• width和height假如只设置一个，另一个会根据原图比例自动计算。因而通常只设置一个，假如两个同时设置，需保证比例正确，否侧图片会变形。

2.2 常见的图片格式

• jpg / jpeg  压缩

• png  无损

• gif  动图，损失程度最高

3 绝对路径和相对路径

假如目标文件与当前文件不在同一台计算机中，必需使用绝对路径访问目标文件；

假如目标文件与当前文件在同一台计算机中，使用相对路径会更加方便。

3.1 绝对路径

前台中，指一个文件在网络中的绝对的地址。如：

https://upload.jianshu.io/users/upload_avatars/xxxxx.jpg

3.2 相对路径

• ./ 表示当前文件所在目录。目标文件在当前文件的同级或者下级时，路径以./开始。./可以省略。

• ../ 表示当前文件的上一级目录。目标文件在当前文件的上级或者更上级时，路径以../开始。../不可以省略。../表示上一级，../../表示上两级，../../../表示上三级，以此类推。

4 超链接和锚点

4.1  a 标签

注：

• 只有具有了href属性的标签才是超链接。

• 假如href的值为空，则目标文件即为当前文件自己，点击超链接将跳转至该网页本身，因而可以达到刷新页面的效果。

  刷新当前页面

• a 标签中除了包裹文本，也可以包裹图片，即图片也可以作为一个超链接。

4.2 超链接

① 跳转到新的页面

简书首页某个HTML文件

② 跳转到其余类型的文件

一般浏览器打开的都是html类型的文件。浏览器也可以打开其余类型的文件，基本上文本类型的文件都能打开，如：图片、pdf、视频；但少量不是文本类型的文件，如：.docx、.7z等压缩文件，浏览器不能直接打开，只能下载。

dogdogdogdogdogdog

③ 超链接其余功能

不仅可以在网页上使用，也可以在手机上使用超链接，如：拨打电话、发送短信。

超链接也可以用于打开APP，比方：点击微信分享的淘宝链接，有的手机可以自动跳转至淘宝应用。

发送电子邮件拨打电话发送短信

4.3 锚点

作用：标记本页面或者其余页面中的某一个位置，用超链接可以跳转至该位置。

点击能跳转至锚点的超链接时，锚点名会显示在网页地址的末尾。

① 如何设置锚点

方法一：通过标签的name属性设置锚点

方法二：通过给标签设置id属性来设置锚点（任何一个标签都可以）