HTML笔记2

2其他标签

标签	含义	说明
i	斜体标签	italic
em	强调内容	在浏览器中显示时一般为斜体
address	地址标签	在浏览器中显示时一般为斜体，块级标签
b	加粗提示	blod
strong	强调内容	在浏览器中显示时一般加粗
del	删除线	delete
ins	下划线
sub	下标
sup	上标
bdo	设置文本方向	通过属性dir=“rtl” right to left从右到左显示"ltr" left to right
abbr	设置文字缩写	通过title属性设置当鼠标停留在文字上时显示的提示内容
small	相对于当前字号缩小一个字号
big	相对于当前字号增大一个字号

为了文本的更好地语义化

3.头部标签

• meta定义网页的摘要信息，如字符编码，关键字，描述，作者等
• title定义网页的标题
• style定义内部的CSS样式
• link引用外部的CSS样式文件
• script定义或引用脚本
• base定义网页的基础路径

默认情况下，是以当面页面文件所在位置为相对路径的参照

4.标题嵌套

一个标签嵌套另一个标签

浏览器渲染后显示的页面代码与编程时的代码有所不同

Chrome浏览器时提供的开发工具，用来帮助开发人员查看的调试页面的工具：

如何打开：

• 在页面的空白处—>右键—>检查/审查元素/查看元素

• 按F12

常用工具：

• elements:从浏览器的角度查看页面，浏览器渲染页面时的结构内容
• console：控制台，显示各种警告和错误信息
• netwok:查看网络请求信息，浏览器向服务请求了哪些资源，资源大小，加载资源苏花费的时间
  
  
  
  
  

四.超链接

1.简介

使用超链接可以从一个页面跳转到另一个页面，实现页面之间的跳转

当鼠标移动超链接文本上时，鼠标的键头会变成一只小手

超链接的三种类型：

• 普通链接/页面的链接：跳转到另一个页面
• 锚链接：跳转到一个锚点
• 功能性链接，实现特殊功能（发邮件，下载图片）

2.基本用法

使用< a >标签创建超链接

基本语法：

<a href="链接的地址" target="链接打开位置">链接的文本或图像</a>

常见的属性：

• href链接地址/路径，链接地址

• target:链接打开位置，取值

  _self 自己，当前，默认值
  _blank 空白，新的
  _parent 父层框架
  _top 顶层框架
  

路径的分类：

• 绝对路径

  以根开始的路径

  file:///D:/software/b.html
  htto://www.baidu.com/img/bd_logo.png
  

• 相对路径

  相对于当前文件所在的路径（文件夹）

  不要以要开始的路径

  ./—当前路径

  …/—当前路径的上一级目录

3.锚链接

3.1简介

点击链接后跳转到某一个页面的指定位置（锚点anchor）

锚链接的分类：

• 页面内的锚链接
• 页面间的锚链接

3.2页面内的锚链接

步骤：

1.定义锚点（标记）

<a name="锚点名称">目标位置</a>

2.连接锚点

<a href="锚点名称">链接文本</a>

3.3页面间的锚链接

<a hreef="目标页面的文件名#锚点名称">链接文本</a>

4.功能链接