HTML表格

文章目录

前言
一、表格是什么？
二、常用属性
- 1.<table>常用属性
- 2.<tr>常用属性
- 3.<td><th>常用属性
三.代码展示

前言

表格是网页中十分重要的组成元素。

表格包含表头、行和单元格。

在HTML语言中，表格标记使用符号<table>表示。

定义表格光使用<table>是不够的，还需要定义表格中的行、列等内容。

一、表格标签是什么？

<table>是表格 标签。

简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th> 或 <td> 元素组成表格结构

其中： <tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。

二、常用属性

1.<table>常用属性

<table>标记常用属性

属性名	说明
align	设置表格相对周围元素的对齐方式
bgcolor	设置表格的背景颜色
background	设置表格的背景图片
border	设置表格的边框
width	设置表格的宽度
height	设置表格的高度
cellspacing	设置单元格之间的空白间距
cellpadding	设置单元格边缘与其内容之间的间距
bordercolor	边框颜色

2.<tr>常用属性

<tr>标记常用属性

属性名	说明
align	设置表格行的内容对齐方式
valign(三个值：top，middle，bottom)	设置表格行中内容垂直对齐方式
bgcolor	设置表格行的背景颜色
Background	设置表格行的背景图片

3.<td><th>常用属性

<th><td>标记常用属性

属性名	说明
align	设置表格相对周围元素的对齐方式
valign(三个值：top，middle，bottom)	设置表格行中内容垂直对齐方式
top上	middle中 bottom下

bgcolor	,设置表格的背景颜色
width	设置表格的宽度
height	设置表格的高度
rowspan	设置单元格可横跨的行数
colspan	设置单元格可横跨的列数
background	设置表格背景图片

三.代码展示

<!-- 表格

<table></table>--表格标签

<tr></tr>--行标签

<td></td>--单元格标签

属性：

宽度：width="**px"

高度：height="**px"

边框：border="**px"

边框颜色：bordercolor="颜色"

水平对齐方式：align="left/center/right"

垂直对齐方式：valign="top/middle/bottom"

背景颜色：bgcolor="颜色"

背景图片：background="图片位置/图片名.后缀名"

单元格与单元格之间的距离：cellspacing="**px"（默认0px）

优先级：td > tr > table

-->

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

HTML表格标签超级详细相关推荐

超级表格编辑功能详细介绍
超级表格编辑功能详细介绍今天我们来详细的介绍一下超级表格的编辑功能. 超级表格如何进行复制,黏贴? 部分品牌的电脑有单独的复制快捷键,请您以实际为准: 1. 在超级表格中,如果您想复制一个单元格中的 ...
html最全知识点（超级详细）
html最全知识点(超级详细) 一.网页基础知识 1.认识网页(了解) 2.五大浏览器介绍(记忆) 概述各浏览器的市场份额查看网站: http://tongji.baidu.com/data/br ...
前端:HTML/05/lt;meta标记,XHTML简介及其编写规范,表格标签(lt;table)及其相关标签(lt;tr,lt;td或lt;th)
<meta>标记 <meta>的主要作用,是提供网页的元信息,如:指定网页的搜索关键字两个属性:http-equlv和name; 1,http-equiv属性:模拟http协 ...
超级详细配置SSM （Intellij idea + Maven + Spring + SpringMVC + MyBatis + c3p0 ）
时间2018/12/31,使用的包都是最新的和用的人最多的QAQ. Maven仓库查找包的地址 https://mvnrepository.com/ 在经历了70多个小时的奋斗后(花了60个小时学习了 ...
本机php环境搭建教程：windows环境下wampserver的配置教程——超级详细
转载自:http://youchunyan5.blog.163.com/blog/static/5896062020123474456352/ 本机php环境搭建教程:windows环境下wampse ...
Docker入门（超级详细）———狂神说
文章目录一.Docker学习二.Docker概述 Docker为什么出现? Docker能干嘛三.Docker安装 Docker的基本组成安装Docker 阿里云镜像加速回顾HelloWor ...
Web学习第二天——HTML的基本标签（媒体标签、链接标签、列表标签、表格标签、表单标签）
第二天 HTML的常用标签(媒体标签.链接标签.列表标签.表格标签.表单标签) 一.媒体标签 (一).图片标签(img) 标签格式及属性介绍 (二).音频标签(embed.audio) embed标签 ...
html的表格分组标签简述优点,表格标签（table）深入了解
表格标签(table)深入了解互联网发布时间:2008-10-17 18:47:11 作者:佚名我要评论表格(table)是一直以来长期被大家使用的标签,直到现在还是在用,不过呢因 ...
前端基础：通过HTML表格标签布局《餐饮菜谱》
前端基础:通过HTML表格标签布局<餐饮菜谱> 布局,是前端工作的第一步,也是前端页面能够得到展示的技术手段.对于表格式布局是简单的页面布局的基础,它是无法解决浏览器兼容性问题,因此这种布 ...

HTML表格标签超级详细

文章目录

前言

一、表格标签是什么？

二、常用属性

1.<table>常用属性

2.<tr>常用属性

3.<td><th>常用属性

三.代码展示

HTML表格标签超级详细相关推荐

最新文章

热门文章