html5学习记录（1）：html5常用标签和属性

扫描下面的二维码，“关注”我的头条号，我会每天更新免费视频课程。

HTML5相对于前一个版html4，增加了一些新特性，如：可跨平台运行，标签要小写，属性可不加引号，可省略某些标签：html、body、head、tbody等，而且集成了非常多的js库，以及canvas动画等等 。下面，是我的学习记录：html5的常用标签和属性。

1、HTML常用标签属性：

bgcolor                              背景色，对body和表格元素有效，对其它元素好像没有效果。

align                                   对齐方式；

marginwidth                     外边距宽度（对body、iframe有用）

marginheight                    外边距高度（对body、iframe有用）

name                                  文章内链接属性（超链接）

<a name='nn'>hhhhhh</a>

<a href='#nn'>nnnnnn</a> 点击这里，页面就会移到 hhhhh 处。

2、HTML文本格式化元素

<em><i>                            定义着重文字，斜体

<b><strong>                     加粗

<sup><sub>                       上标(上角文字) 和 下标(下角文字)

<del><ins>                         删除(有删除线) 和 添加(有下划线)

3、表格：

<caption>                          定义表格标题

<th>                                    定义表格的表头

<thead>                             定义表格的页眉

<tbody>                             定义表格的主体

<tfoot>                              定义表格的页脚

<col>                                  定义表格的属性

表格属性：

cellpadding                       单元格内边距

cellspacing                        单元格间距

bgcolor                              表格背景色

background                      表格背景图片，如：<table background='logo.gif' >

4、列表：

<ul> 无序列表【默认是实心圆】

type                           列表类型（属性）

type=’disc’                实心圆；  如：<ul type=’disc’></ul>

type=’circle’             空心圆

type=’square’           实心方块

<ol> 有序列表【默认是数字】

type=’A’                     列表是大写ABCD

type=’a’                     列表是小写abcd

type=’I’                     列表是大写：I、II、III、IV、V

type=’i’                      列表是小写：i、ii、iii、iv、v

start=’20’                  列表数从 20 开始

<li>  列表项

<dl>  自定义列表

<dt>  列表项

<dd> 列表项描述

5、框架  【HTML5 已废除frame框架，但iframe框架被保留】

<frameset>  框架集标签；每个框架集里有多个<frame>

<frameset cols="90,*,50%" frameborder="0" border=0 framespacing="2" bordercolor="#008000">

<frameset rows="90,*"  frameborder="0" >

cols="90,*,50%"              水平方向3列，宽度分别是：90px、剩余部分、50%。

rows="90,*"                   垂直方向2行，第一行高度90px，第二行就是剩下的所有部分。

frameborder="0"           框架的边框，值只有 0 和 1 ，0 表示不要边框， 1 表示要显示边框。

border=0                          边框宽度

framespacing="2"           表示框架与框架间的保留空白的距离。

<frame> 框架标签

<frame name="top" src="a.html"  scrolling="Auto"  frameborder="0"  noresize>

<frame name="main"  src=" "  noresize>

页面a.html下有一个链接：<a href=’b.html’ target=’main’>bbbb</a>

target的值有5种：_blank、_self、_parent、_top、framename框架名

我们点击这个链接，就会把b.html页面的内容显示在 name=’main’框架里。

name="top" ：                 框窗的名称，这样才能指定框架来作连结，必须但任意命名。

scrolling="Auto"：          是否显示滚动条，YES 显示，NO 不显示， AUTO自动。

noresize：                         不让使用者可以改变这个框框的大小。

marginheight=5：           表示框架高度部份边缘所保留的空间。

marginwidth=5：            表示框架宽度部份边缘所保留的空间。

<iframe> 内联框架标签【目前还在使用比较广泛的框架】

<iframe src='http://baidu.com' width='299' height='200' frameborder=0 ></iframe>

<iframe>与<a>的搭配使用：

<a href=’a.html’ target=’_parent’>aaa</a>                 点击后，会在a标签所在页面的父框架显示；

<a href=’a.html’ target=’_top’>aaa</a>                        点击后，会在最顶层显示；

呵呵，记录得可能有点儿乱哦。