一、head标签

可以包含标题,图标,元信息,文档样式及定义脚本。作用于整篇文档。

  1. <link rel="icon" type="image/x-icon" href=".ico文件地址">

关键字是提供给搜索引擎使用的,可以利于网站展示,网页优化。

  1. <meta name="keywords" content="内容">
  2. <meta name="description" content="内容">

页面重定向,如果不填写URL,则代表几秒后刷新

  1. <meta http-equiv="refresh" content="多少秒后执行;url=跳转的地址">

二、a标签

  1. <a href="要链接的网址">点我跳转</a>

超链接可以从一个网页链接到另一个网页,可以根据target属性指定跳转页面是当前页面,还是新开一个新的窗口。
_blank: 新窗口打开页面
_self(默认): 当前窗口打开页面,当前网址会被覆盖

  1. 第一种:没有被点击时 link状态
  2. 第二种:被点击时 visited状态
  3. 第三种:鼠标放置在超链接上 hover状态
  4. 第四种:鼠标点击时 activer状态

以上四种状态在开发过程中,不会使用,通常会使用CSS样式来代替。

  1. 绝对路径:带有域名的完整路径就是绝对路径(跨网站)
  2. 相对路径:不带域名的部分路径就是相对路径(本网站)

通过a标签,我们可以发现,元素可以实现不同的功能,是通过其属性规定的,因此元素的属性可以分为:
特殊属性:元素特有的属性(a标签的特殊属性href)。
标准属性:元素都可以拥有的属性。

  1. ID属性是元素的唯一标识
  2. 在同一个页面不能存在多个相同的ID
  3. 且不能有多个元素有相同的ID
  1. 元素可以有相同的class属性
  2. class属性可以有多个值
  3. 主要用来选择多个元素,定义样式
  4. 规定class属性时,不能以数字开头
  1. title属性:规定额外的信息,当鼠标移入相应的元素时,出现的提示信息
  2. style属性:设置css样式
  1. 自己定义属性名和属性值
  2. 自定义数据属性:
  3. 用于存储页面或应用程序的私有自定义数据
  1. <a href="资源地址" download="下载">点我下载</a>
  1. <a href="#a1">点我跳转a1</a>
  2. <a href="#a2">点我跳转a2</a>
  3. <a href="#a3">点我跳转a3</a>
  4. 跨页面跳转
  5. <a href="路径/#a1">点我跳转a1</a>
  6. <a href="路径/#a2">点我跳转a2</a>
  7. <a href="路径/#a3">点我跳转a3</a>
  8. <p id="a1">标题1</p>
  9. <p id="a2">标题2</p>
  10. <p id="a3">标题3</p>
  1. <a href="#">点我</a>