L01

Text format 文字样式

<html>
    <head>
    <title>this is the title</title>
    </head>
    <body>
        <!--Text format 文字样式-->
        <p>This is a paragraph</p>
        <p>Another<br>
        paragraph</p>
        <hr>
        <p>yet     another<br>
        <br>
        paragraph</p>
        <p>a&nbsp;b&lt;c&gt;d</p>
        <blockquote>
            <p>q1</p>
        </blockquote>
        <hr>
        Before the pre<br>
        <pre>
            Mary
                had
                    a
                        little
                            lamb
        </pre>
        after the pre<br>
        <hr>
        <code>
            a = 0;
            b = 3;
            c = 3;
            sum = a + b + c;
        </code>
    </body>
</html>

Images and Urls 图片和链接

<html>
    <head>
    <title>this is the title</title>
    </head>
    <body>
        <!--Images and Urls 图片和链接-->
        <hr>
        <img src="https://www.bing.com/rp/ytiieusXgM2K8bLkEDP-AS1ePds.png" height="14" width="14" alt=""bing chat logo>
        <br>
        <a href="https://www.uow.eud.au" target="_blank">Visit UOW</a>
        <hr>
    </body>
</html>

Lists and Tables 列表和表格

<html>
    <head>
    <title>this is the title</title>
    </head>
    <body>
        <!--Lists and Tables 列表和表格-->
        <ul>
            <li>MATH222: Mon 8:30-10:30 lecture</li>
            <li>CSCI204: Tue 9:30-11:30 lab</li>
            <li>ISIT206: Wed 8:30-10:30 lecture</li>
        </ul>
        <ol>
            <li>MATH222: Mon 8:30-10:30 lecture</li>
            <li>CSCI204: Tue 9:30-11:30 lab</li>
            <li>ISIT206: Wed 8:30-10:30 lecture</li>
        </ol>
        My timetable:
        <dl>
        <dt>MATH222</dt>
        <dd>Mon 8:30-10:30 lecture</dd>
        <dt>CSCI204</dt>
        <dd>Tue 9:30-11:30 lab</dd>
        <dt>ISIT206</dt>
        <dd>Wed 8:30-10:30 lecture</dd>
        </dl>
        <table border="1" width="50%">
            <tr>
            <th>Username</th>
            <th>First name</th> 
            <th>Last name</th>
            </tr>
            <tr>
            <td>jsmith</td>
            <td>John</td>
            <td>Smith</td>
            </tr>
            <tr>
            <td>mlee</td>
            <td>Mary</td> 
            <td>Lee</td>
            </tr>
        </table>

        <table border="1" width="40%">
            <tr>
            <td colspan="2">STUDENT DETAILS</td>
            </tr>
            <tr>
            <td width="30%">STUDENT NAME</td>
            <td>John Lee</td>
            </tr>
            <tr>
            <td>STUDENT NUMBER</td>
            <td>1234567</td>
            </tr>
            <tr>
            <td>UOW EMAIL</td>
            <td>jlee@uowmail.edu.au</td>
            </tr>
        </table>
    </body>
</html>

Comments 注释

<html>
    <head>
    <title>this is the title</title>
    </head>
    <body>
        <!--Comments 注释-->
        <!-- this is 
        a long comment
        it will not be displayed on the web page
        -->
        <hr>
    </body>
</html>

Form 表单

<html>
    <head>
    <title>this is the title</title>
    </head>
    <body>
        <!--Form 表单-->
        <form>
            Username:
            <input type="text" name="username" size="20"><br>
            Password:
            <input type="password" name="pwd" size="20"><br>
        </form>
        <hr>
        <form>
            <input type="checkbox" name="aa" value="AA">aa<br>
            <input type="checkbox" name="bb" value="BB">bb<br>
        </form>
        <hr>
        <form>
            <input type="radio" name="gender" value="male">male<br>
            <input type="radio" name="gender" value="female">female<br>
        </form>
        <hr>
        <form>
            Select Day:<br>
            <select name="day" multiple>
                <option value="mon">Monday</option>
                <option value="tue">Tuesday</option>
                <option value="wed">Wednesday</option>
                <option value="thu">Thursday</option>
                <option value="fri">Friday</option>
                <option value="sat">Saturday</option>
                <option value="sun">Sunday</option>
            </select>
        </form>
        <hr>
        <form>
            Enter your comment:<br>
            <textarea name="comment" rows="5" cols="20"></textarea><br>
            <input type="submit" value="Login">
            <input type="reset" value="Reset Form">
        </form>
    </body>
</html>

评论已关闭