- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码,“关注”我的百家号。
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> 点击后,会在最顶层显示;
呵呵,记录得可能有点儿乱哦。
老知识,新学习,不错不错。收藏了!
收下了,谢谢可以先看看学习一下