html综合案例

简介: html基础

<!DOCTYPEhtml>

<htmllang="en">


<head>

   <metacharset="UTF-8">

   <metahttp-equiv="X-UA-Compatible"content="IE=edge">

   <metaname="viewport"content="width=device-width, initial-scale=1.0">

   <title>Document</title>

</head>


<body>

   <h4>青春不常在,抓紧谈恋爱</h4>

   <tablewidth="500">

       <!-- 第一行 -->

       <tr>

           <td>性别:</td>

           <td>

               <inputtype="radio"name="sex"id="nan"><labelfor="nan"><imgsrc="img.sss"></label>

               <inputtype="radio"name="sex"id="nv"><labelfor="nv"><imgsrc="img.ttd"></label>

           </td>

       </tr>

       <!-- 第二行 -->

       <tr>

           <td>生日</td>

           <td>

               <select>

                   <option>--请选择年份--</option>

                   <option>2002</option>

                   <option>2003</option>

               </select>

               <select>

                   <option>--请选择月份--</option>

                   <option>1</option>

                   <option>2</option>

               </select>

               <select>

                   <option>--请选择日--</option>

                   <option>1</option>

                   <option>2</option>

               </select>

           </td>

       </tr>

       <!-- 第三行 -->

       <tr>

           <td>所在地区</td>

           <td><inputtype="text"value="北京思密达"></td>

       </tr>

       <!-- 第四行 -->

       <tr>

           <td>婚姻状况</td>

           <td><inputtype="radio"name="marry"id="notmarry"><labelfor="notmarry">未婚</label><inputtype="radio"name="marry"id="getmarry"><labelfor="getmarry">已婚</label><inputtype="radio"name="marry"id="sorrymarry"><labelfor="sorrymarry">离婚</label></td>

       </tr>

       <!-- 第五行 -->

       <tr>

           <td>学历</td>

           <td>

               <select>

                   <option>--小学毕业--</option>

                   <option>初中毕业</option>

                   <option>高中毕业</option>

               </select>

           </td>

       </tr>

       <!-- 第六行 -->

       <tr>

           <td>喜欢的类型</td>

           <td><inputtype="checkbox"name="hobby">妩媚的 <inputtype="checkbox"name="hobby">可爱的 <inputtype="checkbox"name="hobby">小鲜肉<inputtype="checkbox"name="hobby">老腊肉 <inputtype="checkbox"name="hobby">都喜欢</td>

       </tr>

       <!-- 第七行 -->

       <tr>

           <td>喜欢的类型</td>

           <td><textarea>自我介绍</textarea></td>

       </tr>

       <!-- 第八行 -->

       <tr>

           <tr>

               <td></td>

               <td><inputtype="submit"value="免费注册"></td>

           </tr>

           <tr>

               <td></td>

               <td>

                   <inputtype="checkbox"checked="checked">我同意注册条款和会员加入标准

               </td>

           </tr>

           <tr>

               <td></td>

               <td>

                   <ahref="#">我是会员,立即登入</a>

               </td>

           </tr>

           <tr>

               <td></td>

               <td>

                   <h4>我承诺</h4>

                   <ul>

                       <li>年满18,单身</li>

                       <li>抱着严肃态度</li>

                       <li>寻找另一半</li>

                   </ul>

               </td>

           </tr>

       </tr>

   </table>

</body>


</html>

相关文章
|
1月前
|
前端开发 Python
HTML笔记+案例(上)
HTML笔记+案例
49 0
|
11月前
|
容器
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
245 0
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
10 1
|
1月前
|
移动开发 HTML5
HTML5表格简单应用案例之[招聘需求表]
HTML5表格简单应用案例之[招聘需求表]
15 0
|
1月前
|
JavaScript 计算机视觉
纯js实现人脸识别眨眨眼张张嘴案例——index.html
纯js实现人脸识别眨眨眼张张嘴案例——index.html
36 0
|
1月前
|
移动开发 开发框架 Java
html一个案例学会所有常用HTML(H5)标签
html一个案例学会所有常用HTML(H5)标签
39 0
|
1月前
|
Shell PHP
php案例:截取sy.66969.cn/sh.html中的sh怎么做?
php案例:截取sy.66969.cn/sh.html中的sh怎么做?
php案例:截取sy.66969.cn/sh.html中的sh怎么做?
|
1月前
|
前端开发 Java PHP
HTML笔记+案例(下)
HTML笔记+案例
56 0
|
1月前
|
移动开发 JavaScript Windows
HTML 核心技术点基础详细解析以及综合小案例(2)
09-文本格式化标签 作用:为文本添加特殊格式,以突出重点。常见的文本格式:加粗、倾斜、下划线、删除线等
59 0
|
1月前
|
前端开发 JavaScript C++