发布网友 发布时间:2023-05-02 04:45
共1个回答
热心网友 时间:2023-10-14 23:51
创建网页上的列表
列表是网页最基本的形式 同时也是最重要的组成 制作列表所用到的标签如下
<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开发学习实录
lishixin/Article/program/PHP/201311/21531