<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <head>
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="#"/>
    <style>
        .f{
            width:200px;
        }
    </style>
    
    <script language="javascript"/>
        function show(){
            window.alert("被点击了");
        }
    </script>
    
    </head>
    <body>
    
    <!---多媒体--->
    <embed src=""/>
    <img src="" dynsrc="" loop="2" start=""/>
    <fieldset class="f">
        <legend>
        审核状态
        </legend>
        <form method="get">
            <input type="radio" name="state"/>已审核
            <input type="radio" name="state"/>未审核
        </form>
    </fieldset><br/>
    
    <form action"#" method="post">
        <input type="text" value="text"/><br/>
        <input type="hidden" value=" "/><br/>
        <textarea value=" "></textarea><br/><br/>
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
    </form>
    <div style="width:100%;height:400px;padding-top:50px">
        <img style="float:right;margin-top:100px;" src="msgicon.png" usemap="#sel"/>
        <map name="sel">
            <area shape="circle" coords="18,17,15" href="#" onclick="show();"/>
        </map>
        <table style="background-color:blue;" align="center" border="1" width="445px" height="225px" cellspacing="0px" bordercolor="blue">
            <tr>
            <td colspan="2">1</td>
            <!----<td>2</td>---->
            <td>3</td>
            <td>4</td>
            </tr>
            
            <tr>
            <td rowspan="2">5</td>
            <td>&copy</td>
            <td>7</td>
            <td>8</td>
            </tr>
            
            <tr>
            <!--<td>9</td>-->
            <td>10</td>
            <td>11</td>
            <td>12</td>
            </tr>
        </table>
    </div>
        
        <ul>
            <li style="font-style:italic;color:green">哈哈</li>
            <li>嘿嘿</li>
        </ul>
        
        <ol>
            <li>哈哈</li>
            <li>嘿嘿</li>
        </ol>
    </body>
</html>

html学习小记

相关文章: