【練習】Html

要求:

用html相關知識實現以下網頁

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>選單</title>
</head>
<body>
    <table bordercolor="purple" border="2" cellpadding="1px" cellspacing="1px">
        <tr>
            <th colspan="10">星期一菜譜</th>
        </tr>
        <tr>
            <th rowspan="2" colspan="2">素菜</th>
            <td colspan="4">青草茄子</td>
            <td colspan="4">花椒扁豆</td>
        </tr>
        <tr>
             <td colspan="4">小蔥豆腐</td>
             <td colspan="4">螞蟻上樹</td>
        </tr>
        <tr>
            <th rowspan="2" colspan="2">葷菜</th>
            <td colspan="4">油燜大蝦</td>
            <td colspan="4">回鍋肉</td>
        </tr>
        <tr>
            <td >
                紅燒肉<img src="紅燒肉.jpg" width="200px" height="200px" alt="紅燒肉" title="紅燒肉">
            </td>
            <td colspan="4">烤全羊</td>
        </tr>


    </table>

</body>
</html>

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>課程表</title>
</head>
<body>
    <table style="align:center" border="1" cellpadding="1px" cellspacing="1px">
        <tr>
            <td style="text-align: center" colspan="8">課程表</td>
        </tr>
        <tr>
            <th>專案</th>
            <th colspan="5">上課</th>
            <th colspan="2">休息</th>
        </tr>
        <tr>
            <td>時間</td>
            <td>星期一</td>
            <td>星期二</td>
            <td>星期三</td>
            <td>星期四</td>
            <td>星期五</td>
            <td>星期六</td>
            <td>星期日</td>
        </tr>
        <tr>
            <td rowspan="4">上午</td>
            <td>語文</td>
            <td>數學</td>
            <td>英語</td>
            <td>語文</td>
            <td>計算機</td>
            <td>物理</td>
            <td rowspan="4">休息</td>
        </tr>
        <tr>
            <td>語文</td>
            <td>數學</td>
            <td>英語</td>
            <td>語文</td>
            <td>計算機</td>
            <td>物理</td>
        </tr>
        <tr>
            <td>語文</td>
            <td>數學</td>
            <td>英語</td>
            <td>語文</td>
            <td>計算機</td>
            <td>物理</td>
        </tr>
        <tr>
            <td>語文</td>
            <td>數學</td>
            <td>英語</td>
            <td>語文</td>
            <td>計算機</td>
            <td>物理</td>
        </tr>
        <tr>
            <td rowspan="2">下午</td>
            <td>語文</td>
            <td>數學</td>
            <td>英語</td>
            <td>語文</td>
            <td>計算機</td>
            <td>物理</td>
            <td rowspan="2">休息</td>
        </tr>
        <tr>
            <td>語文</td>
            <td>數學</td>
            <td>英語</td>
            <td>語文</td>
            <td>計算機</td>
            <td>物理</td>
        </tr>





    </table>
</body>
</html>

 

 

要求:

使用者註冊

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登入</title>
</head>
<body>
    <h2 style="text-align: left">     新使用者註冊 </h2>

    <form style="text-align: left" action="" method="get">


        <p>
            <label for="user">使用者名稱:<br></label>
            <input type="text" name="username" id="user">
        </p>

        <p>
            <label for="pwd">密碼:<br></label>
            <input type="text" name="password" id="pwd">
        </p>

        <p>愛好:<br>
            <input type="checkbox" name="hobby" value="basketball" checked="checked">籃球
            <input type="checkbox" name="hobby" value="football">足球
            <input type="checkbox" name="hobby" value="ball">網球
            <input type="checkbox" name="hobby" value="dance">舞蹈
        </p>

        <p>性別:<br>
            <input type="radio" name="sex" value="man"><input type="radio" name="sex" value="woman"></p>

        <p>籍貫:<br>
            <select name="province" id="" multiple>
                <option value="beijing">北京</option>
                <option value="hebei">河北省</option>
                <option value="yunnan">雲南省</option>
                <option value="shandong">山東省</option>
            </select>
        </p>
        <p>座右銘:<br>
            <textarea name="hua" id="" cols="100" rows="3"></textarea>
        </p>

        <h4>
            <input type="submit" value="提交">
            <input type="submit" value="返回">
        </h4>



    </form>

</body>
</html>

 

關鍵詞:td tr colspan html 語文 value th name type input

相關推薦:

許可權管理demo-pom.xml

spring-CXF-maven

ssm整合的pom.xml依賴

020-pom.xml配置文件模板

HTML語言基礎

JS表格分頁(封裝版)

No WebApplicationContext found: no ContextLoaderListener registered

debian/linux 配置maven

JS高階——遞迴

ZABBIX 3.4 監控Nginx 狀態(七)