HTML 标签

<!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">
<head>
    <title></title>
    <base target="_blank" />
    <style type="text/css">
        h1, h2 {
            color: #ff0000;
        }

        p {
            text-align: center;
            color: rgb(250,0,0);
        }

        body {
            font-family: Times, "Times New Roman", serif;
            background-image: url("/images/w3school.gif");
            background-repeat: no-repeat;
            background-position: top center;
            background-position: 50% 0%;
            background-attachment: fixed;
        }
    </style>
</head>
<body>
    <h1 style="font-family:Verdana" align="left">
        This is a heading
    </h1>
    <h2 style="font-family:Verdana" align="left">
        This is an another heading
    </h2><hr />


    <p style="font-size:100%;background-color: gray; padding: 20px;">
        This is a paragraph.<br />
        3&gt;2
        2&lt;3
        <del>二十</del>
        <ins>十二</ins>
        <b>你好</b>
        <big>你好</big>
        <small>你好</small>
        <i>你好</i>
        <sup>你好</sup>
        <sub>你好</sub>
    </p>


    <!--这里的注释不会显示出来-->
    <pre>
        它保留了      空格
        和换行。
    </pre>


    <table border="1" frame="above" width="100%" cellpadding="10" cellspacing="10" bgcolor="#ecb441">
        <caption>我的标题</caption>
        <tr>
            <th rowspan="2">第一组</th>
            <th colspan="2" align="left">第二组</th>
            <th>100</th>
        </tr>
        <tr>
            <td bgcolor="rgb(0%,50%,50%);">
                <p>这是一个段落</p>
            </td>
            <td>200</td>
            <td>300</td>
        </tr>
        <tr>
            <td width="30%">
                <ul type="square">
                    <li>苹果</li>
                    <li>香蕉</li>
                    <li>菠萝</li>
                </ul>
            </td>
            <td width="30%">
                <ol type="A">
                    <li>苹果</li>
                    <li>香蕉</li>
                    <li>菠萝</li>
                </ol>
            </td>
            <td width="40%">600</td>
        </tr>
        <tr>
            <td>700</td>
            <td>800</td>
            <td>&nbsp;</td>
        </tr>
    </table>




    <dl>
        <dt>Coffee</dt>
        <dd>Black hot drink</dd>
        <dt>Milk</dt>
        <dd>White cold drink</dd>
    </dl>


    <fieldset>
        <legend>个人信息:</legend>
        <form action="http://localhost:57699/Default.aspx" method="get">
            名:
            <input type="text" size="100" value="333" maxlength="5" name="firstname" readonly="readonly" />

            <label for="name">姓:</label>
            <input id="name" type="text" value="" name="lastname" />


            密码:
            <input type="password" name="password" />
            <input type="submit" value="Hello world!" />
            <br />
            <input type="button" value="Button" /><br />


            <input type="radio" name="A" value="male" /> Male
            <br />
            <input type="radio" name="A" value="female" /> Female
            <br />
            <input type="radio" name="A" value="" /> 保密
            <br />


            <input type="checkbox" checked="checked" name="bike" />
            I have a bike
            <br />
            <input type="checkbox" name="car" />
            I have a car
            <br />
            <input type="file" /><br />


            <select name="cars" size="1" multiple="multiple">
                <option value="1">Volvo</option>
                <option value="2">Saab</option>
                <option selected="selected" value="3">Fiat</option>
                <option value="4">Audi</option>
            </select>


            <select name="country" size="1">
                <optgroup label="Africa">
                    <option value="">Gambia</option>
                    <option value="">Magada</option>
                </optgroup>
                <optgroup label="Europe">
                    <option value="">France</option>
                    <option value="">UK</option>
                </optgroup>
                <optgroup label="North America">
                    <option value="">Canada</option>
                    <option value="">USA</option>
                </optgroup>
            </select>


            <textarea rows="2" cols="2">默认值</textarea>


        </form><br />
    </fieldset>


    <a href="http://www.w3school.com.cn#tips" target="_blank" style="text-decoration:none">
        This is a link.
    </a>


    <img src="/w3school.gif" alt="not display" title="test" width="104" height="142" />


    <address>
        Donald Duck<br />
        BOX 555
    </address>


    <bdo dir="rtl">
        abcde
    </bdo>


    <!--长的引用,插入换行-->
    <blockquote>
        这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
    </blockquote>


    <script type="text/javascript">
        document.write("I love u!")
    </script>

</body>
</html>

posted @ 2016-06-28 15:41  Chris_在IT道路上前行  阅读(111)  评论(0编辑  收藏  举报