本篇教程探讨了HTML5入门学习（2），希望阅读本篇文章以后大家有所收获，帮助大家HTML5+CSS3从入门到精通 。

<

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  表示表格标题    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML5/CSS3频道！