小白前端03-HTML常用标签

2019-12-19 本文已影响0人 OohMuYi

1.排版标签

1.标题标签
- 语义：（h:head）作为内容的标题使用，依据重要性递减。（title是文档标题，不一样）
- HTML提供了6个等级的标题。
  <h1> </h1> ... ... <h6> </h6>

注意：在企业开发中一般不使用h1标签。

1.属性与属性间用空格分开。属性不分先后。
2.采用键值对的格式，key="value"的格式。

语义：（a:anchor）跳转到指定目标。
语法：<a href=" " target=" "> 文本或图像 </a>
属性：
href="指定链接目标的地址"，必需属性。可以是外部链接，也可以是内部链接。
target="打开指定链接页面的方式"，_self在当前页打开，_blank在新的空白页面打开。

注意：
1.当没有确定链接目标时，使用href="#"来暂定为一个空链接。
2.不仅可创建文本链接，还可以给图像、表格、视频等添加超链接。

锚点定位：
- 作用：通过创建锚点链接，使其快速定位到指定位置。
- 步骤：
  1.给要跳转的位置标注相应的id名。<h3 id="two">第二季</h3>
  2.使用#id名来链接到跳转的位置。<a href="#two">点此跳转</a>
base标签：
- 作用：统一确定链接打开的方式。
- 语法：<base target="_blank">。该语句写在<head></head>之间

<!--注释语句 -->

相对路径：以当前网页代码所在的位置为参考点，而建立出的目录路径。
- 同级路径：在同级文件夹中，<img src="baidu.jpg" />
- 上级路径：在同级文件夹上级，往上一级加..，如../../img/bd.jpg
- 下级路径：在同级文件夹下，<img src="images/baidu.jpg" />
绝对路径：从盘符开始寻找到的路径，使用的是\符号。如C:\Users\itcast\Desktop\baidu.jpg

企业开发中，使用相对路径，不使用绝对路径。
因为使用绝对路径的话，当代码转移到其他电脑上时，有些资源将无法使用了。

一般不使用，因为不好整体控制。