(1)先说<tr>标签
<table>是<tr>的上层标签
<tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签.
<tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。
<table>标示一个表格,<tr>标示这个表格中间的一个行
<td>标示行中的一个列,需要嵌套在<tr></tr>中间
这里是一个例子:(两行两列)
- <table>
- <tr>
- <td>名称</td>
- <td>数量</td>
- </tr>
- </table>
(2)<th>标签
<th>是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中
<th>...</th> 定义表头单元格。表格中的文字将以粗体显示。<th>与<td>同样是标示一个储存格,有一点不同的是<th>所标示的储存格中的文字是以粗体出现,可以看成:
<th>网站制作</th>的显示效果相当于<td><b>文字</b></td>
在使用的时候,<th>标签必须放在<tr>标签内
(3)<td>标签
<td>...</td> 定义单元格标签,一组<td>标签将将建立一个单元格,<td>标签也必须放在<tr>标签内。
<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。
提示:经常应常用就会遇到的一些不同:
<th>不光是粗体,还是居中的
<caption>也是居中的,而且如果table有border的话则caption不在border之内
tfood 元素内包含的有效标签有:
td
th
tr
任何给定的 table 对象都只能定义一个tfoot。
制作表格的基本代码格式:
- <table>
- <caption></caption>
- <thead>
- <tr>
- <th></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td></td>
- </tr>
- </tbody>
- <tfoot>
- <tr>
- <td></td>
- </tr>
- </tfoot>
- </table>
相关推荐
一个简单的表格由`<table>`标签开始,包含若干行`<tr>`(表格行)和列`<td>`(表格数据单元格)。例如: ```html <table> <tr> <td>内容1</td> <td>内容2</td> </tr> <tr> <td>内容3</td> <td>内容4</td> ...
<th>liuyan</th> <th>time</th> </tr> <?php while($rows=mysql_fetch_assoc($result)){ echo "<tr>"; echo "<td>{$rows['id']}</td>"; echo "<td>{$rows['name']}</td>"; ...
<tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> </table> 而在JS中如何遍历赋值呢...
<th><input type="checkbox" id="cbAll"></th> <th>运动</th> </tr> </thead> <tbody id="tb"> <tr> <td><input type="checkbox" value="1"></td> <td>跑步</td> </tr> <tr> <td><input type="checkbox" ...
<tr><td>1</td><td>2</td></tr> </table> table{min-width:60%;min-width:100%;} 但是chrome不兼容max-width,ie7两者都不兼容。 解决方案:在table外层包一个div,在div上设置min-width和max-width <div class=...
<table id="j_tb"> <thead> <tr> <th><input type="checkbox" id="j_cbAll"></th> <th>Column 1</th> <th>Column 2</th> </tr> </thead> <tbody> <tr> <td><input type="checkbox"></td> <td>Row 1, ...
<th>标题id</th> <th>内容表</th> </tr> <% if(intPageCount>0) { //将记录指针定位到待显示页的第一条记录上 sqlRst.absolute((intPage-1) * intPageSize + 1); //显示数据 i = 0; while(i<int...
<table id="tb" class="tableStyle" formMode="view"> <tr> <th colspan="2">上传文件</th> </tr> <tr> <td width="150">选择文件:</td> <td><input type="file" id="file" name="file"/></td> </tr> </...
List<Product> productList = new ArrayList<>(); String sql = "SELECT * FROM tb_product"; try (Connection conn = DBConnection.getConnection(); PreparedStatement pstmt = conn.prepareStatement(sql);...
<table class=tb_input> <tbody> <tr> <th>名称<strong class=red>*</strong></th> <td> <input type=text name=sysRight.name id=sysRight.name value=<#if sysRight.name??>${sysRight.name!}</#...
<th field="name" width="100" frozen="true">姓名</th> <th field="price" width="100">价格</th> <th field="amount" width="100">数量</th> <th field="total" width="100">总价</th> </tr> </thead> </...
一个HTML表格由多个`<table>`标签组成,表格中可以包含行(`<tr>`)和单元格(`<td>`或`<th>`)。`<td>`用于数据单元格,而`<th>`用于表头单元格。表格中的每个单元格可以跨越多个行或列,分别通过`rowSpan`和`...
<table width="550" align="center" cellpadding="0" cellspacing="0" id="tb_1"> <thead> <tr> <th width="7%" onclick="sortTable('tb_1', 0)" style="cursor:pointer;">代码</th> <th onclick="sortTable('tb...
<th field="status" width="60">状态</th> </tr> </thead> </table> <div id="tb"> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="moveRow('up')">上移</a> <a href="javascript:void(0)...
<th field="price" width="100" align="right">Price</th> </tr> </thead> </table> ``` 此示例展示了如何使用 Datagrid 结合 Pagination。 ##### 参数 Pagination 的参数包括: 1. **total**: 总记录数。 2....
str += "<tr><td>" + lie[1] + "</td><td>" + lie[2] + "</td><td>" + lie[3] + "</td><td> <button type='button' ids='" + lie[0] + "' class='btn btn-primary sc'>删除</button><button type='button' ids='" +...
<table class="tb"> <tr> <td>名称</td> <td>价格(元/斤)</td> <td>购买</td> </tr> ... </table> 思考题:如何在两个 JSP 页面之间传递中文数据,不出现乱码。 在本实验中,我们学习了如何使用 JavaBean 在...
<table cellpadding="5"> <tr> <td>Name:</td> <td><input class="easyui-textbox" required="true" name="name"></td> </tr> </table> </form> </div> ``` ##### 参数 - **width**:对话框的宽度。 - **...