html学习收获

最近两天学习了，html和css，这个周末我会慢慢的把我这一段时间学习html和css做的笔记和一些想法记录在我的博客上。
今天用html写了一个很简陋的功能，不过我还是很开心的，总算是有一点点收获了，虽然这个收获可能在别人看来不算什么，但是对我来说挺重要的在这里插入图片描述

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <h4>青春不常在，抓紧谈恋爱</h4>
        <table width="500" >
            <!--第一行-->
            <tr>
                <td>性别：</td>
                <td>
                    <input type="radio" name="sex" id="nan"> <label for="nan"> <img src="img/img.png" width="20"> 男 </label>
                    <input type="radio" name="sex" id="nv"> <label for="nv"> <img src="img/xiaowo.png" width="20"> 女 </label>
                </td>
            </tr>
            <!--第二行-->
            <tr>
               <td>生日：</td>
               <td>
                   <select>
                       <option>--请选择--</option>
                       <option>2000</option>
                       <option>2001</option>
                       <option>2002</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="marry"> 未婚
                <input type="radio" name="marry"> 已婚
                <input type="radio" name="marry"> 离婚
                </td>
            </tr>
            <!--第五行-->
            <tr>
                <td>
                   学历
                </td>
                <td>
                    <input type="text" >
                </td>
            </tr>
            <!--第六行-->
            <tr>
                <td>喜欢的类型</td>
                <td>
                    <input type="checkbox"> 妩媚的
                    <input type="checkbox"> 可爱的
                    <input type="checkbox"> 小鲜肉
                    <input type="checkbox" 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 herf="#">我是会员，立即登录</a>
                </td>
            </tr>
            <!--第十一行-->
           <tr>
               <td></td>
               <td>
                   <ul>
                       <h5>我承诺</h5>
                       <li>年满十八岁，单身</li>
                       <li>抱着严肃的态度</li>
                       <li>真诚寻找另一半</li>

                   </ul>
            </td>
           </tr>
        </table>
    </body>
    </html>

这个页面，只用了html，所以很简陋，等我慢慢学会了css和JavaScript，我会将我这个网页慢慢跟进的，加油，祝自己变得更强！！！

猜你喜欢