cosecha de aprendizaje html

He estudiado html y css en los últimos dos días, este fin de semana voy a grabar lentamente las notas y algunos pensamientos que he hecho mientras estudiaba html y css en mi blog.
Hoy escribí una función muy simple en html, pero todavía estoy muy contento. Finalmente obtuve un poco de ganancia. Aunque esta ganancia puede que no sea considerada por otros, es muy importante para mí.Inserte la descripción de la imagen aquí

    <!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>

Esta página solo usa html, por lo que es muy simple. Cuando aprenda css y JavaScript lentamente, seguiré mi página lentamente. ¡Vamos, deseo ser más fuerte! ! !

Supongo que te gusta

Origin blog.csdn.net/qq_45597048/article/details/109657490
Recomendado
Clasificación