zoukankan      html  css  js  c++  java
  • 表格标记

    表格是网页中十分重要的组成元素。表格用来存储数据。表格包含标题、表头、行和单元格。在HTML语言中,表格标记使用符号<table>表示。定义表格仅使用<table>是不够的,还需要定义表格中的行、列、标题等内容。在HTML页面中定义表格,需要学会以下几个标记。

    1. 表格标记<table>

    <table>...</table>标记表示整个表格。<table>标记中有很多属性,例如width属性用来设置表格的宽度,border属性用来设置表格的边框,align属性用来设置表格的对齐方式,bgcolor属性用来设置背景色等。

    2. 标题标记<caption>

    标题标记以<caption>开头,以</caption>结束,标题标记也有一些属性,例如align、valign(设置内容对齐方式)等。

    3. 表头标记<th>

    表头标记以<th>开头,以</th>结束,也可以通过align、background、colspan(规定单元格可横跨的列数)、valign等属性来设置表头。

    4. 表格行标记<tr>

    表格行标记以<tr>开头,以</tr>结束,一组<tr>标记表示表格中的一行。<tr>标记要嵌套在<table>标记中使用,该标记也具有align、background等属性。

    5. 单元格标记<td>

    单元格标记<td>又称为列标记以<td>开头,以</td>结束,一个<tr>标记中可以嵌套若干个<td>标记。该标记也具有align、background、valign等属性。

    举例如下:

    <!doctype html>
    <html lang="en">
     <head>
     <meta charset="UTF-8">
      <title>表格</title>
     </head>
     <body>
      <table width="318" height="167" border="1" align="center">
       <caption>学生考试成绩单</caption>
        <tr>
            <td align="center" valign="middle">姓名</td>
            <td align="center" valign="middle">语文</td>
            <td align="center" valign="middle">数学</td>
            <td align="center" valign="middle">英语</td>
        </tr>
        <tr>
            <td align="center" valign="middle">张三</td>
            <td align="center" valign="middle">89</td>
            <td align="center" valign="middle">92</td>
            <td align="center" valign="middle">87</td>
        </tr>
      </table>
     </body>
    </html>
  • 相关阅读:
    _bzoj1061 [Noi2008]志愿者招募【最小费用最大流】
    _bzoj2243 [SDOI2011]染色【树链剖分】
    _bzoj1013 [JSOI2008]球形空间产生器sphere【高斯消元】
    _bzoj1002 [FJOI2007]轮状病毒【瞎搞】
    leetcode 273 Integer to English Words
    leetcode 12 Integer to Roman
    leetcode 1071 Greatest Common Divisor of Strings
    lc6 ZigZag Conversion
    lc13 Roman to Integer
    leetcode 171 Excel Sheet Column Number
  • 原文地址:https://www.cnblogs.com/gaopeng527/p/4404460.html
Copyright © 2011-2022 走看看