HTML5 - 表格与列表处理

有序无序列表

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>test01</title>
    </head>
    <body>
     <div style="width:800px; background-color:pink;">
        <div style="width:500px; height:200px;background-color:yellow;">
            <h2>2014最热门网游排行榜</h2>
            <ol type="i">
                <li>LOL</li>
                    <ul>
                        <li>盖伦</li>
                        <li>赵信</li>
                        <li>寒冰</li>
                        <li>石头人</li>
                    </ul>
                <li>WOW</li>
                <li>DNF</li>
                <li>剑灵</li>
            </ol>
        </div>
        <h2>单机游戏</h2>
        <ul type="square">
            <li>CS</li>
            <li>激光</li>
            <li>斗地主</li>
            <li>魔兽争霸</li>
        </ul>
        <h2>LOL</h2>
        <dl>
            <dt>LOL</dt>
            <dd>LOL是腾讯代理的一款网络游戏,中文名为英雄联盟。。。。</dd>
            <dd>LOL俗称噜啊噜。。。。</dd>
        </dl>
      </div>
    </body>
</html>

表格处理

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>表格</title>
</head>
<body>
    <!-- cellpadding边距  cellspacing间距 -->
    <table border="2px" width="500px" height="300px" bordercolor="red" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <td>第一行一列</td>
            <td>第一行二列</td>
            <td>第一行三列</td>
        </tr>
        <tr align="center" bgcolor="#999">
            <td>第二行一列</td>
            <td align="left">第二行二列</td>
            <td align="right">第二行三列</td>
        </tr>
        <tr align="right">
            <td>第三行一列</td>
            <td>第三行二列</td>
            <td>第三行三列</td>
        </tr>
    </table>
    <hr/>

    <table border="1" width="300">
        <tr>
            <td>itanyitanyitany</td>
            <td colspan="3">itany</td>
        </tr>
        <tr>
            <td rowspan="3">itany</td>
            <td>itany</td>
            <td>itany</td>
            <td>itany</td>
        </tr>
        <tr>
            <td>itany</td>
            <td>itany</td>
            <td>itany</td>
        </tr>
        <tr>
            <td>itany</td>
            <td>itany</td>
            <td>itany</td>
        </tr>
    </table>
    <hr/>

    <table border="1" width="500" align="center">
        <tr>
            <td colspan="3">wbs14061</td>
        </tr>
        <tr>
            <td rowspan="2">wbs14061</td>
            <td rowspan="3" colspan="2">wbs14061</td>
        </tr>
        <tr>
        </tr>
        <tr>
            <td rowspan="2">wbs14061</td>
        </tr>
        <tr>
            <td>wbs14061</td>
            <td>wbs14061</td>
        </tr>
    </table>

</body>
</html>
时间: 2024-11-09 07:22:30

HTML5 - 表格与列表处理的相关文章

第18章 CSS表格与列表

第 18章 CSS表格与列表学习要点:1.表格样式2.列表样式3.其他功能 本章主要探讨 HTML5中 CSS表格和列表,通过表格和列表的样式设置,让表格和列表显示更加多元化. 一.表格样式表格有五种独有样式,样式表如下:属性 值 说明 CSS版本border-collapse 边框样式 相邻单元格的边框样式 2border-spacing 长度值 相邻单元格边框的间距 2caption-side 位置名称 表格标题的位置 2empty-cells 显示值 空单元格是否显示边框 2table-l

扩展HT for Web之HTML5表格组件的Renderer和Editor

在HT for Web提供了一下几种常用的Editor,分别是: slider:拉条 color picker:颜色选择器 enum:枚举类型 boolean:真假编辑器 string:普通的文本编辑器 除了这几种常用编辑器之外,用户还可以通过继承ht.widget.BaseItemEditor类来实现自定义编辑器. 而渲染器,在HT for Web提供常用的Renderer有: enum:枚举类型 color:颜色类型 boolean:真假渲染器 text:文本渲染器 和编辑器一样也可以自定义

第七十五节,CSS表格与列表

CSS表格与列表 学习要点: 1.表格样式 2.列表样式 3.其他功能 一.表格样式 表格有五种独有样式,样式表如下:             属性               值                   说明              CSS版本       border-collapse        边框样式    相邻单元格的边框样式                         2        border-spacing       长度值        相邻单元格边

网页制作之表格,列表

一点自己的认识随便写写把 标签:成对存在的名称            <div>  </div> 标签注意: 1.标签名放在<>内              2.标签成对存在              3.标签可以嵌套              4.结束标签有斜杠/ 文档基本标签 : html.head.body 文档基本结构 : <!docType HTML> <html>     <head></head>------

24.CSS表格与列表

第十八掌  CSS表格与列表 一.表格样式 属性               值             说明              CSS版本 border-collapse    边框样式     相邻单元格的边框样式      2 border-spacing     长度值       相邻单元格边框间距        2 caption-side       位置名称     表格标题位置              2 empty-cells        显示值       空单

HTML5 第二章 列表和表格和媒体元素

列表: (1)什么是列表? 列表就是信息资源的一种展示形式. (2)无序列表: 语法: <ul> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ul> (3)有序列表: 语法: <ol> <li>第1项</li> <li>第2项</li> <li>第3项</li> </ol> (4

Java生成PDF文档(表格、列表、添加图片等)

需要的两个包及下载地址: (1)iText.jar:http://download.csdn.net/source/296416 (2)iTextAsian.jar(用来进行中文的转换):http://download.csdn.net/source/172399 代码如下: 1 import java.awt.Color; 2 import java.io.FileOutputStream; 3 import com.lowagie.text.Cell; 4 import com.lowagi

Mozilla对HTML5规范支持列表

翻译自Mozilla Developer Network 在2009年10月28日,HTML 5规范草稿在网络超文本应用技术工作组(WHATWG)中基本出于最后定稿阶段,这意味着HTML 5标准基本定型了.这里列出来一些已经在Mozilla的Gecko中支持的HTML 5特性. HTML5简介 HTML5简介 这篇文章介绍了如何在您的网页设计和应用中使用HTML5. HTML5元素 使用Audio和Video元素(Firefox 3.5) Firefox 3.5中添加了对HTML5中Audio和

HTML5样式和列表、CSS链接的四种状态

一.HTML5样式 1.标签: <style>:样式定义: <link>:资源引用: 2.属性: type="text/css":引入文档类型: rel="stylesheet":外部样式表: 3.三种样式表插入方法: (1)外部样式表: 在<head></head>中写入: <link  rel="stylesheet"  type="text/css"  href=&q