您现在的位置是:首页 >

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

火烧 2021-07-13 13:08:20 1081
PHP典型模块与项目实战大全:创建网页上的列表    创建网页上的列表  列表是网页最基本的形式 同时也是最重要的组成 制作列表所用到的标签如下    lt ta le gt lt /ta le gt

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

  <th></th>标记

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

  <>

  <head>

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

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

  </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开发学习实录

lishixinzhi/Article/program/PHP/201311/21531  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码