4.超链接和路径
一。超链接的属性
属性名称 | 说明 | 解释 |
href | 指定<a>元素所指资源的URL | 必须属性 如以http开头的URL,指向外部网站,没有的话就变成空元素。 |
hreflang | 指向的链接资源所使用的语言 | |
media | 说明所链接资源用于哪种设备 | |
rel | 说明文档与所链接资源的关系类型 | |
target | 指定用以打开链接资源的浏览环境 | 告诉浏览器希望所链接的资源显示在哪里 |
type | 说明所链接资源的MIME类型(比如text/html) |
target属性:
_blank | 新建一个窗口 |
_parent | 父窗口中打开文档(不太用) |
_self | 当前窗口打开文档(默认) |
_top | 在顶层窗口打开文档(不太用) |
二。相对和绝对路径
相对路径,就是相对于链接页面而言的另一个页面的路径
绝对路径,就是直接从file:///磁盘符开始的完整路径
三。锚点设置
<a href="#1">xxxx</a>
<a name="1"></a>或者<a id="1"></a>xxxx
5.分组元素
所谓分组,就是用来组织相关内容的HTML5元素,清晰有效的进行归类
标签元素 | 说明 |
<p> | 表示段落 |
<div> | 一个没有任何语义的通用元素,和span是对应元素 |
<blockquote> | 表示引自他处的大段内容 和p差不多,有首尾缩进功能 |
<pre> | 展示格式化内容 |
<hr> | 添加分割 |
<ul> <li> | 添加无序列表 |
<ol> <li> |
添加有序列表 ol元素属性 |
dl><dt><dd> | 生成说明列表,这三个是一个整体,但<dt>或<dd>并非都必须出现 |
<figure><figcaption> |
使用插图 这两个元素一般用于图片的布局 <figure> |
6.表格元素
表格的基本构成最少需要三个元素:<table><tr><td>其他的元素作为辅助存在。
标签元素 |
说明 |
table | 表格 |
thead | 标题行 |
tbody | 表示表格主体 |
tfoot | 表脚 |
tr | 表示一行 |
td | 单元格 |
th | 表示标题行单元格 |
col | 表示一列 |
colgroup | 表示一组列 |
caption | 表示表格标题 |