HTML表格

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属性

语法:<td width="value">
	实现列的宽度占总体的百分比。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏一“技”之长

标签之美五——网页表格的设计 原

1、<table></table>:表格的开始和结束标签,行列的布局都在<table>标签内。

10010
来自专栏前端技术总结

CSS自定义滚动条的样式

本文会介绍CSS滚动条选择器,并在演示中展示如何在Webkit的内核浏览器和IE浏览器中,自定义一个横向以及一个纵向的滚动条。

2.2K680
来自专栏柠檬先生

jquery mobile 移动web(2)

button 按钮   data-role="button" 将超链接变成button。   具有icon 图标的button 组件...

20550
来自专栏前端知识分享

第20天:京东nav、footer部分制作

cursor:pointer; 鼠标变成小手 cursor:default;小白 cursor:move;移动 cursor:text;文本输入

13010
来自专栏偏前端工程师的驿站

当css属性width设为100%时

  平常在写页面html代码时,经常会使用到width:100%来使控件宽度为父控件的内容宽度。但如果父控件为body,而且没有明确设置body的宽度,那么就会...

22950
来自专栏python3

tkinter -- Canvas(1)

提供可以用来进行绘图的 Container,支持基本的几何元素,使用 Canvas 进行绘图时,所有的操作都是通过 Canvas,不是通过它的元素

10020
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:实现手机上常见的ListMenuView

打开集合编辑器,并点击“添加”,ID属性(用于标识菜单组),Items属性(菜单项集合),Title属性(菜单组文本),Value属性(菜单组值),如图1、图2

11940
来自专栏一“技”之长

标签之美四——为网页添加绚丽多彩的图像 原

这里图片路径的写法和本地超链接的写法是一样的,可以参考上一篇博客中关于本地路径的地方:http://my.oschina.net/u/2340880/blog/...

10430
来自专栏Java后端技术

让div等块级元素水平以及垂直居中的解决办法

  我们在设计页面的时候,经常要把div等块级元素居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让d...

10820
来自专栏james大数据架构

Android中Button

1.android:drawableTop="@drawable/accept"设置在按钮文本的上面绘制指定图片。可同时指定drawableLeft等其它方向 ...

23180

扫码关注云+社区

领取腾讯云代金券