文档章节

HTML基础之表格

william-
 william-
发布于 2017/05/04 10:00
字数 383
阅读 1
收藏 0
点赞 0
评论 0

我就直接从HTML表格开始成功之路啦!!!

 

HTML基础之表格

1: 表格的作用

    表格通常来组织结构化的信息, 把数据存储在单元格里

2:如何去构建一个表格?

<table>——————————————表格

   <tr>——————————————行

     <th>内容</th>-————————单元格(加粗)

     <td>内容</td>—————————单元格

     <td>内容</td>

 <tr>

<table>

 横行数列

3:表格的属性 

 属性的名称                   属性值                                                            说明

 width                           数值                                                                设置表格的宽度

 height                          数值                                                                设置表格的高度

 bgcolor                        英文颜色 |rgb('255,255,255')|十六进制数         设置边框的颜色                           

background                  图像地址                                                          设置表格背景图像

border                           数值                                                                设置表格边框宽度

bordercolor                   英文颜色|('255,255,255')|十六进制数               设置边框的颜色

cellpadding                   数值                                                                设置内边框(单元格边框与内容之间的距离)

cellspacing                    数值                                                                设置外边框(单元格之间的距离)

align                              对齐的方式(left|center|right)                      设置对齐的方式

 

4:行属性

 属性名称                       属性值                                                              说明

 align                            对齐方式(left|center|right)                            设置对齐的方式

 bgcolor                      英文颜色 |('255,255,255')|十六进制数                  设置表格背景颜色

 valign                        (top|middle|bottom)                                       设置垂直对齐方式

 

5:单元格属性

  属性名称                          属性值                                                                  说明

  align                               对齐方式(left|center|right)                                设置对齐方式

  bgcolor                          英文颜色|('255,255,255')|十六进制数                      设置表格的背景颜色

  valign                            (top|middle|bottom)                                         设置垂直对齐方式

  rowspan                           数值                                                                    设置行合并

  colspan                             数值                                                                    设置列合并

© 著作权归作者所有

共有 人打赏支持
william-
粉丝 0
博文 5
码字总数 1530
作品 0
昌平
程序员
Web前端基础【1】--HTML基础

HTML不是编程语言,是一种表现网页信息的符号标记语言。标记语言是一套标记,HTML使用标记来描述网页。Web浏览器的作用就是读取HTML文档,并以网页的形式显示出来。 一:HTML的基本结构 1:内...

爱吃西瓜的番茄酱 ⋅ 2017/10/31 ⋅ 0

jQuery表格插件--DataTables

DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表格。主要特点: 自动分页处理 即时表格数据过滤 数据排序以及数据...

匿名 ⋅ 2008/09/19 ⋅ 5

jQuery表格插件 DataTables29人收藏此软件, 取消收藏 / 提醒设置

jQuery表格插件 DataTables29人收藏此软件, 取消收藏 / 提醒设置 DataTables是一个jQuery的表格插件。这是一个高度灵活的工具,依据的基础逐步增强,这将增加先进的互动控制,支持任何HTML表...

lhanoo ⋅ 2012/03/02 ⋅ 0

28个有用的表格插件推荐

OSCHINA曾发布过文章“18个最好的 jQuery 表格插件”,今天再提供一份表格插件的长名单。 28个表格插件,列表如下: Table Sorter Tablesorter 是一个用来直接在浏览器上对表格数据进行排序的...

小卒过河 ⋅ 2011/07/01 ⋅ 9

Bootstrap 基础表格(Tables)和样式CSS

标准结构 标签 描述 用以包装表格化的数据 容纳表格标题行 ()以标识表格列, 容纳表格行 () 容纳行内的一组单元格 ( or ) 默认的表格单元格 用于列头(或是行,取决于标签所在位置和区域)的特...

提广乾 ⋅ 2014/06/18 ⋅ 0

lyGrid.js-1.1.0v 正式开源,源码可加官方群获取,

lyGrid.js-1.1.0v 正式开源,源码可加官方群获取, 详细文档请看 http://www.lanyuanoss.com/document.shtml git 地址: https://gitee.com/lanyuan/lyGrid.git lyGrid 蓝缘表格插件 lyGrid.js-......

蓝缘Y ⋅ 01/12 ⋅ 0

18个最好的 jQuery 表格插件

我们一般使用HTML表格来显示数据,我们都知道div更容易设计,更灵活。但是现在你使用这些精彩的jQuery表格插件,将更简单、灵活、更多风格。 本篇文章介绍了18个非常不错的jQuery 表格插件,...

老枪 ⋅ 2011/04/06 ⋅ 7

web前端-HTML基础知识

Html介绍 1. 什么是html? Html是用来描述网页的一种语言。 l HTML 指的是超文本标记语言 (Hyper Text Markup Language) l HTML 不是一种编程语言,而是一种标记语言 (markup language) l 标记...

TroubleMakerLi ⋅ 2017/10/31 ⋅ 0

10 款很有创意的 jQuery 表格插件

本文包含 10 款 jQuery 的表格插件,包含表格功能增强、导出、排序以及过滤等功能。 1. Animated table-sort 该插件可让你使用动画的方式对数据进行排序,在线演示: here. 2. BIGrid 该插件...

红薯 ⋅ 2011/08/09 ⋅ 4

异说html初学实战邮箱页面布局

我们想做一个网页,首先该干什么呢? 当然是先想做个什么样的网页,比如邮箱,门户等等。 想好之后呢? 我们先布局,首先肯定来个登录页面。 登录页面从哪找呢? 一个由美工提供或者自己用搜...

hillsowl ⋅ 2016/03/21 ⋅ 8

没有更多内容

加载失败,请刷新页面

加载更多

下一页

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

PXE/KickStart 无人值守安装

导言 作为中小公司的运维,经常会遇到一些机械式的重复工作,例如:有时公司同时上线几十甚至上百台服务器,而且需要我们在短时间内完成系统安装。 常规的办法有什么? 光盘安装系统 ===> 一...

kangvcar ⋅ 昨天 ⋅ 0

使用Puppeteer撸一个爬虫

Puppeteer是什么 puppeteer是谷歌chrome团队官方开发的一个无界面(Headless)chrome工具。Chrome Headless将成为web应用自动化测试的行业标杆。所以我们很有必要来了解一下它。所谓的无头浏...

小草先森 ⋅ 昨天 ⋅ 0

Java Done Right

* 表示难度较大或理论性较强。 ** 表示难度更大或理论性更强。 【Java语言本身】 基础语法,面向对象,顺序编程,并发编程,网络编程,泛型,注解,lambda(Java8),module(Java9),var(...

风华神使 ⋅ 昨天 ⋅ 0

Linux系统日志

linux 系统日志 /var/log/messages /etc/logrotate.conf 日志切割配置文件 https://my.oschina.net/u/2000675/blog/908189 logrotate 使用详解 dmesg 命令 /var/log/dmesg 日志 last命令,调......

Linux学习笔记 ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部