• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > HTML5与CSS3.0 > html5学习记录(1):html5常用标签和属性

    html5学习记录(1):html5常用标签和属性

    作者: 分类:HTML5与CSS3.0 点击: 293 次
    wordpress CMS主题:ssmay主题

      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>                        点击后,会在最顶层显示;

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



      QQ二维码

    文章作者:hero2018
    本文地址:http://wanlimm.com/77201808056452.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.