知识大全 创建网页上的列表

Posted 属性

篇首语:弓背霞明剑照霜,秋风走马出咸阳。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 创建网页上的列表相关的知识,希望对你有一定的参考价值。

PHP典型模块与项目实战大全:创建网页上的列表  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

     创建网页上的列表

  列表是网页最基本的形式 同时也是最重要的组成 制作列表所用到的标签如下

   <table></table>标记

  <table></table> 标记对 用来创建一个表格 属性见表

  表   Table属性对照表

  说明 以上各个属性可以结合使用 有关宽度 大小的单位用绝对像素值 有关颜色的属性使用十六进制RGB颜色码或HTML语言给定的颜色常量名(如Silver为银色)

   <tr></tr><td></td>标记

  <tr></tr> 标记对 用来创建表格中的每一行 此 标记对 只能放在<table></table> 标记对 之间使用 在此 标记对 之间加入文本将是无效的 因为在<tr></tr>之间只能紧跟<td></td> 标记对 才是有效的语法 <td></td> 标记对 用来创建表格中一行中的每一个格子 此 标记对 也只有放在<tr></tr> 标记对 之间才是有效的 假如想要输入文本需要放在<td></td> 标记对 中才有效(能够被浏览器正确识别并显示出来) <table></table> <tr></tr>和<td></td> 标记对 的关系如下所示

  <table>

  <! 创建一行 >

  <tr>

  <! 创建一个格子(这里总共创建了三个格子) >

  <td>要输出的文本只能放在此处</td>

  <td>要输出的文本只能放在此处</td>

  <td>要输出的文本只能放在此处</td>

  </tr>

  <! 最外层 >

  </table>

  此外 <tr>标记还有align和valign属性 其中align是水平对齐方式 取值为left(左对齐) center(居中) right(右对齐) 而valign是垂直对齐方式 取值为top(靠顶端对齐) middle(居中间对齐)或bottom(靠底部对齐) <td>标记具有width colspan rowspan和nowrap属性 Width属性是格子的宽度 单位用绝对像素值或总宽度的百分比 colspan属性设置一个表格格子跨占的列数(默认值为 ) rowspan属性设置一个表格格子跨占的行数(默认值为 ) nowrap属性禁止表格格子内的内容自动断行

   <th></th>标记

  <th></th> 标记对 用来设置表格头 通常是黑体居中文字 下面的代码创建了一个 行 列的表格 代码比较简单 这里不做过多说明

  <>

  <head>

  <title>表格标记的综合示例</title>

  </head>

  <body>

  <table border= width= % bgcolor= #E E E cellpadding= bordercolor= # FF

  bordercolorlight= # D DFF bordercolordark= # A >

  <tr>

  <th width= % colspan= valign= bottom >意大利</th>

  <th width= % colspan= valign= bottom >英格兰</th>

  <th width= % colspan= valign= bottom >西班牙</th>

  </tr>

  <tr>

  <td width= % align= center >AC米兰</td>

  <td width= % align= center >佛罗伦萨</td>

  <td width= % align= center >曼联</td>

  <td width= % align= center >纽卡斯尔</td>

  <td width= % align= center >巴塞罗那</td>

  <td width= % align= center >皇家社会</td>

  </tr>

  <tr>

  <td width= % align= center >尤文图斯</td>

  <td width= % align= center >桑普多利亚</td>

  <td width= % align= center >利物浦</td>

  <td width= % align= center >阿申纳</td>

  <td width= % align= center >皇家马德里</td>

  <td width= % align= center >…</td>

  </tr>

  <tr>

  <td width= % align= center >拉齐奥</td>

  <td width= % align= center >国际米兰</td>

  <td width= % align= center >切尔西</td>

  <td width= % align= center >米德尔斯堡</td>

  <td width= % align= center >马德里竞技</td>

  <td width= % align= center >…</td>

  </tr>

  </table>

  </body>

  </>

       返回目录 PHP典型模块与项目实战大全

       编辑推荐

       Java Web开发详解

       PHP Web开发学习实录

cha138/Article/program/PHP/201311/21531

相关参考

知识大全 查找 - 散列技术 - 散列表上的运算

  散列表上的运算  散列表上的运算有查找插入和删除其中主要是查找这是因为散列表的目的主要是用于快速查找且插入和删除均要用到查  找操作  散列表类型说明  #defineNIL//空结点标记依赖于关

知识大全 跪求电脑上手机网页游戏的方法

跪求电脑上手机网页游戏的方法!不行,因为手机上网和电脑上网是两回事,虽然结果是一样的,但是过程是不一样的。电脑上手机网页游戏wap代理ip2010-5-27国内移动IP,联通代理IP伺服器列表移动代理

知识大全 经常会用得上的jar命令列表清单

  用法jarctxu[vfmM][jar文件][manifest文件][C目录]文件名  选项    c 创建新的存档    t 列出存档内容的列表    x 展开存档中的命名的(或所有的〕文件  

知识大全 我的新浪博客里怎么添加新的模块啊

我的新浪博客里怎么添加新的模块啊?登陆你的博客首页。然后点击页面上部右边的“页面设置”/“设置博客首页模块”/“自定义模块”有个“创建文本模块”/“创建列表模块”/“管理”点击“创建列表模块”进入1、

知识大全 为什么手机上的网页和电脑不一样

为什么电脑上的网页和手机版显示得不一样手机浏览器,应用等都会对网页进行转码,使其更适合手机阅读。部分网站还有专门的手机版本,所以会有一些区别的。为什么电脑上的电视剧和手机上的不一样片源不同的缘故。两者

知识大全 不是网页上的百度知道! 谢谢

我就是想问下手机安卓系统的百度知道怎么追问的!不是网页上的百度知道!谢谢!目前似乎还没有此功能,看新版本有没有这个功能。我就是想问,这个百度知道怎么删除问答百度知道app,经过多次改版,早就已经取消了

知识大全 英雄联盟盒子上的网页打不开!急啊

英雄联盟盒子上的网页打不开!急啊!找不到程序什么的应该是游戏盒子和游戏根目录不一致了吧刘家窑地铁到北沙滩桥路线急急!谢谢谢谢急公交线路:地铁5号线→407路,全程约20.9公里1、从刘家窑乘坐地铁5号

知识大全 我平板电脑上的淘宝网页升级后不能旋转了,请问为什么呀

我平板电脑上的淘宝网页升级后不能旋转了,请问为什么呀!开启"萤幕自动旋转"开关即可。苹果平板电脑为什么不能旋转了?你把重力感应关了吧。如果你的系统是3.2的,那就在机身左侧的按钮,拨一下。如果你的系统

知识大全 如何把网页变成黑色页面的。白色太晃眼了。就像手机浏览器夜间模式那样的

如何把网页变成黑色页面的。白色太晃眼了。就像手机浏览器夜间模式那样的在桌面上点击鼠标右键,依次点击“属性”点击“外观”点击“高级”按钮。在“高级”对话框中,在“项目”下拉列表里选择“窗口”。打开右边对

知识大全 Page

Page  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  网页的生命周期列表  PreInit()