代码改变世界

笔记

2016-11-21 22:38  沙漠中的水  阅读(91)  评论(1)    收藏  举报 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css">
        tr{ text-align:center;
            
        }
        tr:hover{
            background-color:#6633cc;
        }
        li{
            font-size:40px;
            list-style-image:url(images/li03.jpg);
            color:#cc0033;
            
            text-decoration:underline;                    /*加下划线*/

        }
    </style>
    <script type="text/javascript"></script>
</head>
<body>
    <table border="1"width="600" height="100" rules="all" align="center">
        <tr bgcolor="#99ccff">
        <h2 align="center">以下是一个横向表格</h2>
            <th>商品</th>
            <th>价钱</th>
            <th>颜色</th>
            <th>状态</th>
        </tr>
        <tr bgcolor="#99ffcc">
            <td>毛衣</td>
            <td>2</td>
            <td>红</td>
            <td>代售</td>
        </tr>
        <tr bgcolor="#ffcccc">
            <td>衣服</td>
            <td>33</td>
            <td>代售</td>
            <td>红</td>
        </tr>
        <tr bgcolor="#99ffcc">
            <td>商品</td>
            <td>价钱</td>
            <td>状态</td>
            <td>颜色</td>
        </tr>
        <tr bgcolor="#ffcccc">
            <td>商品</td>
            <td>价钱</td>
            <td>状态</td>
            <td>颜色</td>
        </tr>
        </table><br><br>
                <h1 align="center">电话纵向表格</h1>
        <table border="1" width="600" height="100" rules="all" align="center">
        <tr bgcolor="#99ff99">
          <th>姓名</th>
          <td>Bill Gates</td>
        </tr>
        <tr bgcolor="#cc66cc">
          <th>电话</th>
          <td>11111111</td>
        </tr>
        <tr bgcolor="#ccffcc">
          <th>电话</th>
          <td>22222222</td>
        </tr>

            </table>
        <!--列表-->
        <h1/*align="center"*/>以下是列表</h1>
        <ul >
            <li>我是</li>
            <li>超级</li>
            <li>厉害</li>
            <li>宇宙</li>
            <li>大神</li>
        </ul>

</body>
</html>