HTML学习笔记(三)_HTML5常用元素与属性

来源:互联网 发布:linux 发送邮件 编辑:程序博客网 时间:2024/06/05 17:53
1. 超链接(锚点):   <a ../>主要可以包含文本,图像,各种文本格式化元素和表单元素等内容,可指定如下三个重要属性:   (1).href:指定超链接指定的另一资源,(可以是绝对地址,也可以是相对地址)
   (2).target: 指定使用框架中的哪一个框架来装载另一个资源,属性值可以是_self,_blank,_top,_parent四个值,分别表示自身,新窗口,顶层框架,父框架。
   (3).media: 指定目标URL使用的媒体类型,默认值为all,只有当指定了href属性时该属性才生效。
   除此之外,a元素还可以生成一个命名锚点,命名锚点用于在HTML页面中生成一个定位点 ,这样允许超链接直接链接到指定的页面的该定位点。插入定位锚点需要指定name属性,name属性值就是命名锚点的名臣,例如:<a name="test"></a>.用浏览器浏览命名锚点时,该命名锚点不会生成任何显示内容,我们可以使用如下超链接来定位到该锚点:<a href="index.html#test">定位到test锚点</a>,定位到指定锚点需要在URL资源后指定锚点名,锚点名与URL之间用#隔开。
2. 列表相关元素:
  (1).<ul>:定义无序列表,只能包含<li.../>元素。
  (2).<ol>: 定义有序列表,只能包含<li.../>元素。HTML5规范中,还可以指定如下三个属性:
        start:指定列表项的起始数字,默认是第一个。
        type: 指定使用哪种类型的编号,例如1表示数字,A和a代表用字母,I和i代表使用罗马数字。该属性在HTML规范中不推荐使用,推荐使用css来定义。

  (3).<li>:定义列表项目,该元素可以包含于div完全类似的内容,因此可以包含较多类型的子元素。
  (4).<dl>: 也用于定义列表,该元素只能包含<dt ../><dd.../>两种子元素。
  (5).<dt>: 定义标题列表项。只能包含文本,图像,各种文本格式化元素和表单元素等内容。
  (6).<dd>:定义普通列表项。该元素可以包含于div完全类似的内容,因此可以包含较多类型的子元素。
3. 图像相关元素:
   <img ../>用于定义页面中的图像,这个元素只能是一个空元素,它不可以包含任何内容。该元素必须只能以下两个属性:
   (1).src:指定图片所在位置,可以是绝对位置,也可以是相对位置。
   (2).alt:指定一段文字,作为图片的提示信息。
4. 表格相关元素:
   (1).table:用于定义表格,此元素只能包含0个或1个<caption.../>子元素(定义表格标题),0个或1个<thead .../>子元素(定义表格头),0个或1个<tfoot.../>子元素(定义表格脚),多个<tr.../>子元素(定义表格行),多个<tbody.../>子元素(定义表格体)。
    除此之外,还可以指定如下属性:
       cellpadding:指定单元格内容和单元格边框之间的间距。属性值可以是像素,也可以是百分比。
       cellspacing:指定单元格之间的间距,属性值可以是像素,也可以是百分比。
       width:表格宽度。属性值可以是像素,也可以是百分比。
       (HTML5删除了table标签原有的align、bgcolor、border等属性)
   (2).caption:用于定义表格标题,只能包含文本,图像,各种文本格式化元素和表单元素等内容。
   (3).tr:定义表格行,只能包含<td../>和<th.../>两种元素。
   (4).td:定义单元格,该元素可以包含于div完全类似的内容,包括在此元素包含<table>子元素在此插入一个表格,除此之外,还可以指定一下属性:
       colspan:指定该单元格跨多少列,属性值位数字。
       rospan:指定单元格可横跨的行数。
       height:单元格高度,属性值可以是像素,也可以是百分比。
       width:单元格宽度,属性值可以是像素,也可以是百分比。
   (5).th:定义表格页眉的单元格。用法与td类似。
   (6).tbody:定义表格的主体,只能包含tr子标签。、
   (7).<thead>:定义表格头,与tbody用法类似。
   (8).<tfoot>:定义表格脚,与tbody用法类似。
5.框架相关元素:
   HTML5不再推荐在页面中使用框架集,因此HTML5删除了<frameset../>,<frame../>和<noframes../>这三个标签。
   HTML5依然保留了一个与框架相关的元素,<iframe>元素,该元素可以在普通HTML页面中使用,该元素用于在普通HTML页面中生成一个内联框架,可以直接放在HTML页面的任意位置,可指定如下属性:
   (1).src:指定一个URL,指定该iframe将装载那个页面。
0 0
原创粉丝点击