HTML5学习笔记2

时间:2022-12-16 19:38:54

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元素属性
  start 从第几个序列开始统计:<ol start="2">
  reversed 是否倒序排列 <ol reversed> 一般主流浏览器不支持
  type 表示列表的编号类型,值分别为1,a,A,i,I
li元素属性
  value 强行设置某个项目的编号。

dl><dt><dd> 生成说明列表,这三个是一个整体,但<dt>或<dd>并非都必须出现
<figure><figcaption>

使用插图 这两个元素一般用于图片的布局

<figure>
      <figcaption>这是一张图片</figcaption>
      <img src="img.png">
  </figure>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6.表格元素
表格的基本构成最少需要三个元素:<table><tr><td>其他的元素作为辅助存在。

标签元素

说明

table  表格
thead 标题行
tbody 表示表格主体
tfoot 表脚
tr 表示一行
td 单元格
th 表示标题行单元格
col 表示一列
colgroup 表示一组列
caption 表示表格标题