列表根据有无前后顺序展示分为有序<ol><li>...</li></ol>和无序<ul>lil>...</li></ul>,在网页制作过程,我们可以把一些独立的逻辑部分(什么是逻辑部分?它是页面上相互关联的一组元素.如网页中的独立的栏目版块,就是一个典型的逻辑部分.)划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器.
那么如何区分这些div容器了?办法和我们每一个人使用身份z差不多,可以为这些div添加clas类名或者ID属性名,一般这样展示<div ID="版块名称" >…</div>,然后通过CSS找到这个元素并添加样式.
假如你想制作一个表格展示数据,使网页上的信息更加丰富,怎么办?建议使用<table>标签,代码展示如下:
1 <!DOCTYPE HTML> 2 <HTML 3 head 4 Meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> 5 Title>认识table表标签</ 6 style type="text/CSS" 7 table tr td,th{ 8 border:1px solID #000; 9 }10 style11 12 body13 table summary="本表格记录2012年到2013年库存记录，记录包括U盘和耳机库存量"14 caption>“2012年到2013年库存记录”15 tr16 th>产品名称 17 >品牌 18 >库存量（个） 19 >入库时间 20 21 22 td>耳机 23 >联想 24 >50025 >2013-1-226 27 28 >U盘 29 >金士顿 30 >12031 >2013-8-1032 33 34 35 >爱国者 36 >13337 >2013-3-2538 39 table40 41 >
✰通过table标签(什么是表格,它是由一个个单元格cell构成,表格中列td的个数,取决于一行tr中数据单元格的个数),默认table表格在没有添加CSS样式<style type="text/CSS">table tr td,th{border:1px solID #000;}之前,在浏览器中显示是没有表格线的,总结如下几点:
1.<tr>…</tr>:表格的一行,所以有几对tr表格就有几行.
2.<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列.
3.<th>…</th>:表格的头部的一个单元格,表格表头,文本默认为粗体并且居中显示
4.<table summary="表格简介文本">/*摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化)，使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。*/
5.caption标签,为表格添加标题和摘要,标题用以描述表格内容，标题的显示位置：表格上方
以上是内存溢出为你收集整理的有序无序列表,div盛放逻辑版块,table表格全部内容，希望文章能够帮你解决有序无序列表,div盛放逻辑版块,table表格所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）