前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >HTML表格

HTML表格

作者头像
十月梦想
发布于 2018-08-29 02:22:15
发布于 2018-08-29 02:22:15
4.2K00
代码可运行
举报
文章被收录于专栏:十月梦想十月梦想
运行总次数:0
代码可运行

1.表格的作用

1.按照一定的格式显示数据

2.页面布局排版(被淘汰)

   2.创建表格

1.定义个一个表格

   <table></table>

2.创建行

   <tr></tr>

3.创建列

   <td></td>

需求:一行一列的表格

   <table>

<tr>

   <td></td>

</tr>

   </table>

   3.表格的属性

1.table属性

    1.border:边框

    2.width:宽

    3.height:高

            4.cellspacing:外边距(单元格和单元格之间的距离)

    5.cellpadding: 内边距(文字离边框的距离)

    6.align:对齐方式

         取值:left(左)  center(中) right(右)

    7.bgcolor(backgroundColor):背景颜色

2.tr属性

    1.align:水平对齐方式

取值:left  center  right

    2.valign:垂直对齐方式

取值:top(上)   middle(中)  bottom(下)

    3.bgcolor:当前行背景色

3.td属性

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
语法:<td width="value">
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
	实现列的宽度占总体的百分比。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-10-17,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
HTML标记语法之表格元素
8.直列化格式:<colgroup><colgroup>(<col>与<colgroup>的功能完全一样)
阿豪聊干货
2018/08/09
2.3K0
html表格菜鸟教程_exls表格
<table> 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 <tr>、<th> 或 <td> 元素组成表格结构;其中: <tr> 元素定义表格行,<th> 元素定义表头,<td> 元素定义表格单元。 为了让表格更美观,我们会用到:border,colspan,rowspan,align,bgcolor 等来美化表格,具体在本文都有讲解;
全栈程序员站长
2022/09/22
8.3K0
html表格菜鸟教程_exls表格
【前端就业课 第一阶段】HTML5 零基础到实战(六)表格详解
注意:手机(APP)打开,内容显示更佳,不会的私聊博主即可 想要拿代码或加入学习计划(** 博主会监督你并且教你写文章 **)的拉到最下面(PC端Web打开)加博主即可,目录也在最下面。
1_bit
2022/04/13
8810
【前端就业课 第一阶段】HTML5 零基础到实战(六)表格详解
php学习之html属性-表格(六)
1.表格标记 表格的语法: <table> <tr> <th>编号</th>           //标题单元格(表头) <th>姓名</th> <th>年龄</th> </tr> <tr> <td>001</td>      //普通单元格 <td>张三</td> <td>23</td> </tr> ....... </table> table标记的属性: border:表格边框                        值:数字 align:表格在网页中的水平方向  
吾爱乐享
2018/07/12
2.5K0
前端基础-HTML表格
这样的页面就会用到表格。表格在网站中应用常用场景通常是金融类的网站,数据做统计,后台管理系统等
cwl_java
2020/04/07
1.7K0
前端基础-HTML表格
表格及布局——0606上午
今天上午学习了表格的应用以及如何用表格进行页面布局。以下面代码为例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">   <head>     <meta http-equiv="Content-Type" content="t
二十三年蝉
2018/02/27
1.8K0
HTML基础入门
1、<meta name="keywords" content="关键字1,关键字2">
李才哥
2020/08/17
3K0
HTML基础入门
HTML笔记
HTML:Hyper Text Markup Language(超级文本标签语言)
闲花手札
2021/08/24
2.4K0
HTML5学习(六):基础标签(二)
水平对齐和垂直对齐属性:水平对齐可以给Table标签和Tr标签和Td标签使用;垂直标签只能给tr和td标签使用 外边距和内边距的属性:只能给Table标签使用.
孙寅
2020/06/02
6920
前端学习笔记之HTML body内常用标签
body中的标签是会显示到浏览器窗口中的,body内的标签只有一个作用就是用来标记语义的,语义指的是从字面意思就可以理解被标记的内容是用来做什么的
Jetpropelledsnake21
2019/02/15
2.2K0
HTML表格代码_html如何制作表格代码
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/169633.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/22
15.2K0
网页设计基础知识汇总——超链接
<table border=" "> —— 设置边框的宽度,以像素点为单位的边框宽度,不设置宽度默认值为0
宝耶需努力
2022/12/13
3.7K0
网页设计基础知识汇总——超链接
HTML(2)
一丶标签的使用 1.a标签的补充     (1)超链接       href:超链接的地址       target; _self 默认在当前页面中打开链接地址         _blank 在空白页中打开链接地址 <!DOCTYPE html> <html> <head> <title>a标签</title> </head> <body> <a href="http://img5.imgtn.bdimg.com/it/u=415293130,2419074865&fm=27&gp=
py3study
2020/01/19
3.6K0
HTML(2)
从零开始学 Web 之 HTML(三)表单
table>tr3>td5 + tab键  <!-- 建立3行5列的表格 -->
Daotin
2018/08/31
3K0
从零开始学 Web 之 HTML(三)表单
前端开发学习──初识Html
type:disc默认 实心小圆圈;square 小方块;circle 空心小圆圈
用户3106371
2018/09/12
1.8K0
前端开发学习──初识Html
CSS重要的盒子模型
新浪导航栏的核心就是因为里面的字数不一样多,所以我们不方便给宽度,还是给padding ,撑开盒子的。
乐心湖
2020/07/31
1.1K0
CSS重要的盒子模型
【Java 进阶篇】HTML表格标签详解
HTML(Hypertext Markup Language)表格标签是在网页中用于创建表格的重要工具。表格是一种在网页上以行和列的方式组织和显示数据的有效方式。在本文中,我们将详细介绍HTML表格标签,包括如何创建表格、定义表头、单元格合并等内容。这篇文章适用于初学者,将帮助你理解如何使用HTML创建各种类型的表格。
繁依Fanyi
2023/10/12
4510
【Java 进阶篇】HTML表格标签详解
html学习
font-weight设置文字的粗细,常用取值lighter,bold和bolder还可以进行数字取值100,900
用户8447427
2022/08/18
1.6K0
html学习
html table表格 - 美女信息
仅供学习,转载请注明出处 table 表格 1、<table>标签:声明一个表格,它的常用属性如下: border属性 定义表格的边框,设置值是数值 cellpadding属性 定义单元格内
Devops海洋的渔夫
2019/05/31
1.2K0
初探HTML之CSS篇(属性)
前言 I am a slow walker,but I never walk backwards. ---- CSS(层叠样式表) CSS是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态修饰网页,还可以配合各种脚本语言动态地对网页哥元素进行格式化。 CSS能够对网页中元素位置的排版进行像素精确控制,几乎支持所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。 ---- CSS 尺寸属性(Dimension) height 设置元素高度 width 设置元素宽度 max-he
用户1667431
2018/04/18
2.1K0
相关推荐
HTML标记语法之表格元素
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档