HTML学习笔记08-表格

HTML表格

表格由<table>标签来定义，表格的行由<tr>标签来定义，表格的列由<td>标签来定义

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>表格</title>

</head>

<body>

<table border="">

    <tr>

        <td>第一行第一列</td>

        <td>第一行第二列</td>

    </tr>

    <tr>

        <td>第二行第一列</td>

        <td>第二行第二列</td>

    </tr>

</table>

</body>

</html>

border=1是设置边框的粗细，不需要边框，可以去掉

使用<th>标签定义表头，大部分浏览器会把表头加粗居中显示

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>表格</title>

</head>

<body>

<table border="">

    <tr>

        <th>表头1</th>

        <th>表头2</th>

    </tr>

    <tr>

        <td>第一行第一列</td>

        <td>第一行第二列</td>

    </tr>

    <tr>

        <td>第二行第一列</td>

        <td>第二行第二列</td>

    </tr>

</table>

</body>

</html>

跨格表格使用colspan属性

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>表格</title>

</head>

<body>

<table border="">

    <tr>

        <th colspan="">单元格跨两格</th>

    </tr>

    <tr>

        <td>第一行第一列</td>

        <td>第一行第二列</td>

    </tr>

    <tr>

        <td>第二行第一列</td>

        <td>第二行第二列</td>

    </tr>

</table>

</body>

</html>

跨列表格使用rowspan属性

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>表格</title>

</head>

<body>

<table border="">

    <tr>

        <th>表头1</th>

        <th>表头2</th>

    </tr>

    <tr>

        <td rowspan="">单元格跨两列</td>

        <td>第一行第二列</td>

    </tr>

    <tr>

        <td>第二行第二列</td>

    </tr>

</table>

</body>

</html>

HTML学习笔记08-表格的更多相关文章

机器学习实战（Machine Learning in Action）学习笔记————08.使用FPgrowth算法来高效发现频繁项集
机器学习实战(Machine Learning in Action)学习笔记————08.使用FPgrowth算法来高效发现频繁项集关键字:FPgrowth.频繁项集.条件FP树.非监督学习作者:米 ...
C++ GUI Qt4学习笔记08
C++ GUI Qt4学习笔记08 qtc++signal图形引擎文档本章介绍Qt的二维图形引擎,Qt的二维图形引擎是基于QPainter类的.<span style="colo ...
HTML5学习笔记之表格标签
HTML5学习笔记之表格标签其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 HTML5学习笔记之表格标签 HTML5学习笔记之表单标签 HTML5学习笔 ...
CSS学习笔记08 浮动
从CSS学习笔记05 display属性一文中,我们知道div是块元素,会独占一行,即使div的宽度很小,像下面这样应用display属性的inline属性可以让div与div共享一行,除了这种方法 ...
[Golang学习笔记] 08 链表
链表(Linked list)是一种常见数据结构,但并不会按线性的顺序存储数据,而是在每一个节点里存到下一个节点的指针. 由于不必须按顺序存储,链表在插入的时候可以达到O(1),比顺序表快得多,但是查 ...
[原创]java WEB学习笔记08：HttpServletRequest & ServletRequest
本博客为原创:综合尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和网络上的现有资源(博客,文档,图书等),资源的出处我会标明本博客的目的:①总结自己的学习过程,相当 ...
Bash脚本编程学习笔记08：函数
官方资料:Shell Functions (Bash Reference Manual) 简介正如我们在<Bash脚本编程学习笔记06:条件结构体>中最后所说的,我们应该把一些可能反复执 ...
HTML 学习笔记 CSS(表格)
CSS 表格属性可以帮助您极大的改善表格的外观表格边框如需在CSS中设置表格的边框请使用border属性. 在下面的例子中table th 以及td设置了蓝色边框. table, th, td ...
3.4html学习笔记之表格
<table border=""style="border-collapse:collapse"> <caption>表格</ca ...
html+css学习笔记 5[表格、表单]
表格 -- 默认样式重置表格标签: table 表格 thead 表格头 tbody 表格主体 tfoot 表格尾 tr 表格行 th 元素定义表头 ...

随机推荐

【BZOJ1802】[AHOI2009]checker（动态规划）
[BZOJ1802][AHOI2009]checker(动态规划) 题面 BZOJ 洛谷题解首先自己观察一波,发现如果有相邻两个格子都是红色的话,那么显然可以在任意位置都存在一个跳棋.可以让两个位 ...
变量[^_^][T_T]
变量[^_^][T_T]source .bashrcget_ps1(){if [ "$?" = "0" ]then#we're on the system co ...
go vendor目录
参考 https://blog.csdn.net/u010649766/article/details/80327035 那么查找依赖包路径的解决方案如下: 当前包下的vendor目录. 向上级目录查 ...
Qsort(c)_Sort(c++)用法
Sort函数(c) (来自codeblocks) stdlib.h _CRTIMP void __cdecl qsort(void*, size_t, size_t, int (*)(const vo ...
20145215《网络对抗》Exp3 免杀原理与实践
20145215<网络对抗>Exp3 免杀原理与实践基础问题回答杀软是如何检测出恶意代码的? 基于特征来检测:恶意代码中一般会有一段有较明显特征的代码也就是特征码,如果杀毒软件检测到有 ...
range与xrange的区别
一.Python中range()与xrange()有什么区别 range([start,] stop[, step]),根据start与stop指定的范围以及step设定的步长,生成一个序列 rang ...
Keepalive+nginx实现高可用负载均衡方案
Keepalive+nginx实现高可用负载均衡方案作者:尹正杰版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.nginx做高可用工作在第几层? 上个月我发表了一篇keepalive+lv ...
学习windows编程 day6 之处理鼠标移动
#define POINT_MAX 1000 LRESULT CALLBACK WndProc(HWND hwnd, UINT message, WPARAM wParam, LPARAM lPara ...
java中import机制(指定import和import *的区别)
转自:https://www.cnblogs.com/dtts/p/4692480.html java中有两种包的导入机制,总结如下: 单类型导入(single-type-import), ...
luogu 1030 求先序遍历
此题给出中序遍历和后序遍历后的序列,乍一看确乎想不出法子解决,毕竟是逆向思维: 但是后序遍历的特殊性质 son1,son2,x 使得后序的末尾便是根节点,再由中序天然的递归性质便可递归输出,用下fin ...

HTML学习笔记08-表格

HTML学习笔记08-表格的更多相关文章

随机推荐

热门专题