综合案例学习

最新推荐文章于 2024-07-05 14:58:38 发布

认真学习的宋小姐

最新推荐文章于 2024-07-05 14:58:38 发布

阅读量33

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/qq_51946936/article/details/120444548

版权

笔记专栏收录该内容

30 篇文章 2 订阅

订阅专栏

表格案例

<body>
    <table border="1" width="400" heigth="400">
        <caption><h3>优秀学生表格</h3></caption>
        <thead>
        <tr>
            <th>1</th>
            <th>1</th>
            <th>1</th>
            <th>1</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2">2</td>
            <td>2</td>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr>
            
            <td>3</td>
            <td>3</td>
            <td>3</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td>4</td>
            <td colspan="3">4</td>
        </tr>
    </tfoot>
    </table>
</body>

效果图：
在这里插入图片描述

注册表单案例

<body>
    <form>
    <h1>青春不常在，要好好努力</h1>
    <hr>
    昵称： <input type="text"placeholder="想起什么些什么">
    <br>
    <br>
    性别：<input type="radio"name="sex" checked>男
          <input type="radio"name="sex">女
          <br>
          <br>
    生日：<input type="date">
    <br>
    <br>
    所在城市:<select>
        <option>王俊凯</option>
        <option>王源</option>
        <option selected>深圳 易烊千玺</option>
    </select><br> <br>

    婚姻状况：<input type="radio" name="marry" checked>未婚
             <input type="radio" name="marry">已婚
             <input type="radio" name="marry">离婚
            <br><br>
            
    爱好；
    <input type="checkbox" checked>敲代码
    <input type="checkbox" checked>学习
    <input type="checkbox" >生活<br><br>
    个人介绍：<br><br>
    <textarea cols="50" rows="10"></textarea>
    <h3>我承诺</h3>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <input type="checkbox">我同意所以条款<br><br>
    <input type="submit"value="免费注册">
    <input type="reset">
</form>
</body>

效果图：
在这里插入图片描述

认真学习的宋小姐

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
综合案例学习

表格案例<body> <table border="1" width="400" heigth="400"> <caption><h3>优秀学生表格</h3></caption> <thead> <tr> <th>1</th> <th>1</th>
复制链接

扫一扫