学习总结 html 表格标签的使用

表格:

<table></table>表格

  width:宽度。可以用像素或百分比表示。 常用960像素。

  border:边框,常用值为0。

  cellpadding:内容跟边框的距离,常用值为0。

  cellspacing:单元格与单元格之间的间距,常用值为0。

  algin:对齐方式。

  bgcolor:背景色。

  background:背景图片。

<tr></tr>行

  align:一行内容的水平对齐方式。

  valign:一行内容的垂直对齐方式。

  height:行高。

  bgcolor:背景色。

  background:背景图片。

<td></td>单元格

<th></th>表头,单元格的内容自动居中、加粗

  align:单元格内容的对齐方式。

  valign:单元格的内容的垂直对齐方式。

  width:单元格宽度。

  height:单元格高度。

  bgcolor:背景色。

  background:背景图片。  

  内容必须放在单元格里,单元格必须放在行里,行必须放在表格里。

  设置单元格行高、列高时,会同时影响对应的行或列。

单元格合并:(建议尽量用表格嵌套)

  colspan=“n”  合并同一行的单元格(后面写代码要减去相对应的列)

  rowspan=“n”  合并同一列单元格(从第二行开始减去相对应的列)

表格示例:

时间: 2024-10-27 03:06:09

学习总结 html 表格标签的使用的相关文章

学习10 table表格制作标签

<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>认识table表格标签</title> <style type="text/css"> table tr td,th{border:1px solid

前端学习02-01表格标签

表格可以固定文本或图像的显示位置 表格标签 <table></table> 属性:bgcolor, border, bordercolor,bordercolorlight,bordercolordark,cellspacing,cellpadding,width,height <tr></tr> 属性:align,valign,bgcolor <td></td> 属性:width,height,align,valign,colspa

html5学习笔记——html保留标签(三)

 列表和表格 这次也是复习. 列表: 列表分为无序列表.有序列表.标题列表 很简单,看代码 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 列表 <br/> 无序列表 <ul>a</ul> <ul>b</ul> &l

HTML高级标签之表格标签

前面学习了一下HTML的经常使用标签, 今天開始高级标签之路! 一.表格标签 1.作用: 创建一张表格 2.各属性作用: <table cellspacing="0" cellpadding="0"></table> <!--表格标签 cellspacing:单元格边距. cellpadding: 单元格间距--> <caption> </caption> <!--caption: 置于table内部

html+css学习笔记 5[表格、表单]

表格 -- 默认样式重置 表格标签:     table 表格     thead 表格头     tbody 表格主体     tfoot 表格尾     tr 表格行     th 元素定义表头     td 元素定义表格单元 表格样式重置 table{border-collapse:collapse;} 单元格间隙合并 th,td{padding:0;}重置单元格默认填充   单元格合并 rowspan  属性规定单元格可横跨的行数.     <td rowspan="2"

ReactNative学习之Html基本标签使用

前言: 前面简单学习了html简单标签的使用,今天学习一下其他的标签的使用. HTML的超链接 1.)创建一个超链接 <div> <p> <a href="http://www.baidu.com" target="_blank"> 点击我跳转至百度 </a> </p> </div> 2.)将一个图片作为一个超链接 <div> <p> <a href="h

网页的通用标签以及表格标签

今天学习了通用标签及其属性,以及利用表格标签去做简单的网页.其中利用表格做网页时,通过设计视图,不仅可以直观的布局整个网页的样式,结合代码视图,可以更高效的完成对网页的设计.今天下午,在做超链接的标签时,有一起学习的同学提到了如何去掉超链接下的下划线,之后几名同学相互请教,我也得知这个方法了,在<a></a>这个标签的属性中,添加style="text-decoration:none",便可去掉. 在做网页之前,需要构思好自己的设计框架,然后按顺序实施.通过标签

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

前端学习之路—html标签、css、js

一.HTML标签 1. head标签中 <meta> - 编码,跳转,刷新,关键字,描述,IE兼容 <title> - 加标题显示内容 <link> - 加小图标 <style> - 写css样式 <script> - 写js动态效果 2. body标签中 1)特殊符号: 空格:  大于号:> 小于号:< 参考网址:www.cnblogs.com/web-d/archive/2010/04/16/1713298.html 2)常用标签