前端零基础入门HTML个人总结

vankiet

已于 2022-07-18 17:04:19 修改

阅读量106

点赞数

分类专栏：前端零基础文章标签：前端 html

于 2022-07-18 11:36:55 首次发布

本文链接：https://blog.csdn.net/weixin_44824201/article/details/125844151

版权

前端零基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTM L个人总结

基础知识点
综合案例

基础知识点

请添加图片描述

综合案例

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>综合案例-注册页面</title>
</head>

<body>
    <h4>键盘敲烂，年薪百万</h4>
    <table width="600">
    
        <!-- 第一行 -->
        <tr>
            <td>性别:</td>
            <td>
                <input type="radio" name="sex" id="nan"> <label for="nan"> <img src="images/man.jpg" > 男 </label>
                <input type="radio" name="sex" id="nv"> <label for="nv"><img src="images/women.jpg" > 女</label>
            </td>
        </tr>
        
        <!-- 第二行 -->
        <tr>
            <td>生日:</td>
            <td>
                <select>
                    <option>--请选择年份--</option>
                    <option>2001</option>
                    <option>2002</option>
                    <option>2003</option>
                </select>
                <select>
                        <option>--请选择月份--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                </select>
                <select>
                        <option>--请选择日--</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                </select>
            </td>
        </tr>
        
        <!-- 第三行 -->
        <tr>
            <td>所在地区</td>
            <td><input type="text" value="北京"></td>
        </tr>
        
        <!-- 第四行 -->
        <tr>
            <td>目前状况:</td>
            <td>
                <input type="radio" name="condition" checked="checked"> 在读 <input type="radio" name="condition"> 求职 <input type="radio" name="condition"> 在岗
            </td>
        </tr>
        
        <!-- 第五行 -->
        <tr>
            <td>学历:</td>
            <td><input type="text" value="硕士研究生"></td>
        </tr>
        <!-- 第六行 -->
        <tr>
            <td>掌握技术:</td>
            <td>
                <input type="checkbox" name="skill"> HTML
                <input type="checkbox" name="skill"> CSS
                <input type="checkbox" name="skill"> JavaScript
                <input type="checkbox" name="skill"> C++
                <input type="checkbox" name="skill" checked="checked"> 都会
            </td>
        </tr>
        <!-- 第七行 -->
        <tr>
            <td>个人介绍</td>
            <td>
                <textarea>个人简介</textarea>
            </td>
        </tr>
        <!-- 第八行 -->
        <tr>
            <td></td>
            <td>
                <input type="submit" value="免费注册">
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <input type="checkbox" checked="checked"> 我同意注册条款和会员加入标准
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
                <a href="#"> 我是会员，立即登录</a>
            </td>
        </tr>

    </table>
</body>

</html>