php

位置:IT落伍者 >> php >> 浏览文章

PHP典型模块与项目实战大全:创建网页上的列表


发布日期:2022年07月12日
 
PHP典型模块与项目实战大全:创建网页上的列表

创建网页上的列表

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

<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>标记具有widthcolspanrowspan和nowrap属性Width属性是格子的宽度单位用绝对像素值或总宽度的百分比colspan属性设置一个表格格子跨占的列数(默认值为rowspan属性设置一个表格格子跨占的行数(默认值为nowrap属性禁止表格格子内的内容自动断行

<th></th>标记

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

<html>

<head>

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

</head>

<body>

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

bordercolorlight=#DDFF 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>

</html>

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

编辑推荐

Java Web开发详解

PHP Web开发学习实录

ASP NET开发培训视频教程

上一篇:PHP典型模块与项目实战大全:简单的HTML示例

下一篇:PHP典型模块与项目实战大全:创建图像和链接