HTML5技术

HTML 文件框架结构 - argor(2)

字号+ 作者:H5之家 来源:H5之家 2017-11-28 08:04 我要评论( )

tr:定义表行;th:定义表头;td:定义表格数据。例如 !--这样的结构不好,这么写是为了减少行数-- tableborder="1" thead trstyle="" th表头1/thth表头2/thth表头3/th /tr /thead tbody trtd第1行1列/tdtd第1行2列

  tr:定义表行;th:定义表头;td:定义表格数据。例如

<!-- 这样的结构不好,这么写是为了减少行数 -->
<table border="1">
    <thead>
        <tr style="">
            <th>表头1</th><th>表头2</th><th>表头3</th>
        </tr>
    </thead>
    <tbody>
        <tr><td>第1行1列</td><td>第1行2列</td><td>第1行3列</td></tr>
        <tr><td>第2行1列</td><td>第2行2列</td><td>第2行3列</td></tr>
        <tr><td>第3行1列</td><td>第3行2列</td><td>第3行3列</td></tr>
    </tbody>
</table>

是个无框表格,设置border属性、或其值大于零时可以显示有框表格。

<table border>

 

  单元格合并:

<th colspan=3>
<th rowspan=3>

 

 

5.2.尺寸

  指定宽度

<table width=500px>

 

  设置表格尺寸

<table border width=170 height=100>

 

5.3.表格位置

  表格在页面中的位置,“align=center”……:

<table border="3" align="center">

 

  属性:cellspacing、cellpadding,分别表示单元格之间的厚度、单元格内边距。

<table  cellpadding=0 cellspacing=0>

 

 

  表元内文字对齐,“align=left、right、center”:

<td align=left>A</td>

 

  表元内文字纵向对齐,“top、middle、bottom”。

<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>

 

  表格在页面中的对齐:

<table align="left" border>

 

5.4.表格的标题

<table border>
  <caption align=center>Lunch</caption>

 

5.5.表元的背景色

<th bgcolor=Red>红色</th>
<th background="tomato.png">西红柿</th>

 

5.6.表元的边框颜色

<table cellspacing=5 border=5 bodercolor=#ff3a30>

 

 

6.会移动的文字

6.1.基本语法

  默认,向左移、循环移动。

<marquee>哈哈,我会动!</marquee>

 

6.2.移动方向

  默认是“behavior=scroll”。往哪移,“direction=left”:

<marquee direction=right>哈哈,我会往右动!</marquee>

 

 

6.3.移动到边上就停下了

  往哪移,“<marquee behavior=slide>”:

<marquee behavior=slide direction=right>哈哈,我要歇在右边!</marquee>

 

 

6.4.来回移

  “<marquee behavior=alternate>”:

<marquee behavior=alternate direction=right>哈哈,我就在你面前闪!</marquee>

 

6.5.循环次数

  循环次数到了,就消失了

<marquee loop=2>走两圈</marquee>

 

6.6.移动的速度、延时

  速度控制

<marquee scrollamount=50>这是个啥速度</marquee>
<marquee scrollamount=1>这是个啥速度</marquee>

  延时控制

<marquee scrollamount=50>这是个啥节奏</marquee>
<marquee scrolldelay=800 scrollamount=50>这是个啥节奏</marquee>

 

6.7.底色、面积

<marquee height=26 width=50% bgcolor=Yellow>哈哈,我会动!</marquee>

 

 

7.框架标记(多窗口分割)

7.1.纵向排列

  可以通过拖动分割线调整布局大小。

  <frameset cols=#>

<frameset cols=30%,30%,*>
    <frame src="baidu.htm"/>
    <frame src="sina.html"/>
    <frame src="51cto.html"/>
<frameset>

 

7.2.横向排列

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 推荐10个适合初学者的 HTML5 入门教程 - 赵一航

    推荐10个适合初学者的 HTML5 入门教程 - 赵一航

    2017-11-27 08:03

  • html5知识点:HTML5新特性 - 千千小助

    html5知识点:HTML5新特性 - 千千小助

    2017-11-24 18:00

  • HTML5原生拖拽/拖放Drag Drop详解 - weiqinl

    HTML5原生拖拽/拖放Drag Drop详解 - weiqinl

    2017-11-23 18:06

  • html5知识点:DOM编程 - 千千小助

    html5知识点:DOM编程 - 千千小助

    2017-11-20 18:12

网友点评
c