html+css入门基础案例之页面设计
<!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> <h3></h3> <tabel width="500" border="1"> <!-- 第一行 --> <tr> <td>性别</td></tr> <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><br> <!-- 第二行 --> <tr> <td>生日</td> <td> <select> <option>--请选择年--</option> <option>1994</option> <option>1995</option> <option>1996</option> <option>1997</option> <option>1998</option> <option>1999</option> </select> </td> </tr> <select> <option>--请选择月--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> <select> <option>--请选择日--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </tr> <br> <tr> 所在地区 <input type="text"> </tr><br> <tr> 婚姻状况 <input type="radio" name="sex1">未婚 <input type="radio" name="sex1">已婚 <input type="radio" name="sex1">离婚 </tr><br> <tr> 学历 <input type="text"> </tr><br> <tr> 喜欢的类型 <input type="radio" name="sex11">妩媚的 <input type="radio" name="sex11">可爱的 <input type="radio" name="sex11">小鲜肉 <input type="radio" name="sex11">老腊肉 <input type="radio" name="sex11">都喜欢 </tr><br> <tr> <form> 自我介绍 <textarea>自我介绍</textarea> </form> </tr><br> <tr> <input type="submit" value="免费注册"> </tr> <br> <tr> <input type="radio">我同意注册条款和会员加入标准 </tr><br> <tr> <a href="#">我是会员,立即登录</a> </tr><br> <tr> <h4>我承诺</h4> <ul> <li>年满十八岁,单身</li> <li>抱着严肃的态度</li> <li>真诚寻找另一半</li> </ul> </tr> </tabel> </body> </html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步