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 元素定义表头 ...

随机推荐

linux 分区、目录及用途
主要分区: 目录建议大小格式描述 / 10G-20G ext4 根目录 swap <2048M swap 交换空间 /boot 200M左右 ext4 Linux的内核及引导系统程序所需要 ...
go vendor目录
参考 https://blog.csdn.net/u010649766/article/details/80327035 那么查找依赖包路径的解决方案如下: 当前包下的vendor目录. 向上级目录查 ...
Java -- JDBC 学习--数据库连接池
JDBC数据库连接池的必要性在使用开发基于数据库的web程序时,传统的模式基本是按以下步骤: 在主程序(如servlet.beans)中建立数据库连接. 进行sql操作断开数据库连接. 这种模式开 ...
智能指针unique_ptr
转自:https://www.cnblogs.com/DswCnblog/p/5628195.html 成员函数 (1) get 获得内部对象的指针, 由于已经重载了()方法, 因此和直接使用对象是一 ...
poj 3683(2-SAT+SCC)
传送门:Problem 3683 https://www.cnblogs.com/violet-acmer/p/9769406.html 参考资料: [1]:挑战程序设计竞赛题意: 有n场婚礼,每场 ...
原生JS和JQ窗口定位属性对照表
位置 javascript jquery 兼容性窗口位置离屏幕左偏移 var leftPos = (typeof window.screenLeft == "number") ? ...
java配置、IntelliJ IDEA Ultimate激活、
1.下载并安装 Java地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html IntelliJ IDEA地址:ht ...
十三、java_GUI
目录: 一.AWT 二.组件和容器三.布局管理器四.事件处理五.java图形六.window事件一.AWT AWT(Abstract Window Toolkit)包括了很多类和接口,用于J ...
静态代码块、构造代码块、构造方法优先级（重点）-------java基础总结
package com.mon11.day11; /** * 类说明 : * @author 作者 : chenyanlong * @version 创建时间:2017年11月11日 */ publi ...
koa的洋葱圈模型
拿以下这段代码为例: const Koa = require('koa'); const app = new Koa(); // x-response-time app.use(async (ctx, ...

HTML学习笔记08-表格

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

随机推荐

热门专题