HTML-table

摘要:
注:1.表标记用于定义整个表。它是一个双标记,必须有一个结束标记。也就是说,默认情况下,第个标签中的文本为粗体并居中。DOCTYPEHtml˃学习表单标签前三剑客知识点重要性难度学习周期html5倍3倍7天css5秒6秒10天

表格

创建表格的四个元素:table、tr、th、td

1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

4、<th>…</th>:表格的头部的一个单元格,表格表头。

5、表格中列的个数,取决于一行中数据单元格的个数。

6、border属性可以为表格添加边框,属性值为数字。

注意:

1、table标签用来定义整个表格,为双标签,必须有结束标签。

2、table标签里面可以放caption标签和tr标签。

3、caption标签用来定义表格的标题。

4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

6、td同来设置表格的列,一组td标签代表一列。

7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>学习表格标签</title>
</head>

<body>
    <table border=1>
        <caption>前端三剑客</caption>
        <tr>
            <th>知识点</th>
            <th>重要程度</th>
            <th>难度</th>
            <th>学习周期</th>
        </tr>
        <tr>
            <td>html</td>
            <td>5xing</td>
            <td>3xing</td>
            <td>7day</td>
        </tr>
        <tr>
            <td>css</td>
            <td>5ss</td>
            <td>6ss</td>
            <td>10day</td>
        </tr>
    </table>
</body>

 

免责声明:文章转载自《HTML-table》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Linux配置nginux网页调用服务程序下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js中对表格的操作总结

 inserRow()和insertCell()方法 首先,表格行索引从0开始。 inserRow():  这个函数将新行添加到index的那一行前, 比如insertRow(0),是将新行添加到第一行之前。 默认的insertRow()函数相当于 insertRow(-1),将新行添加到表的最后。 objTable.insertRow (objTabl...

高德地图的标记使用

<template>   <ui-container v-loading="sysLoading" :element-loading-text="syncLoadingText">     <ui-main>       <div class="row-wrap">         <ui-row :g...

Jquery easyui教程

目  录 1基本拖放................................................................................................................................................... 4 2构建购物车型拖放..........

gdb调试中出现No symbol table is loaded. Use the "file" command.问题

在unix/linux系统下使用gdb进行调试时,如果出现: No symbol table is loaded. Use the "file" command. 原因是没有在Makefile中添加-g调试参数,或者添加位置出错,解决的办法是在Makefile文件的第一行加上: CFLAGS = -g 然后重新make即可。...

java 如何在pdf中生成表格

1、目标   在pdf中生成一个可变表头的表格,并向其中填充数据。通过泛型动态的生成表头,通过反射动态获取实体类(我这里是User)的get方法动态获得数据,从而达到动态生成表格。   每天生成一个文件夹存储生成的pdf文件(文件夹的命名是年月日时间戳),如:20151110   生成的文件可能在毫秒级别,故文件的命名规则是"到毫秒的时间戳-uuid",如...

postgres 行列转换

行转列 imos=# create table test_split_to_table(id int, name_list varchar); CREATE TABLE imos=# insert into test_split_to_table values(1,'a;b;c'),(2,'d;e;f'); INSERT 0 2 imos=# imos=#...