Community Learn Tools Library Leisure
search
English
Home > List of blog posts > 链接元素、列表元素、表格元素、部分表单元素作业
Blogger Information
Blog 14
fans 0
comment 0
visits 7670
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
链接元素、列表元素、表格元素、部分表单元素作业
鹏建
Original
702 people have browsed it
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <title></title>
  6.     </head>
  7.     <body >
  8.         <div>
  9.             <a href="http://www.baidu.com">百度</a>
  10.             <a href="2.html" download="html练习.html.zip" target="blank">作业</a>
  11.             <a href="tel:18224567888">咨询热线</a>
  12.             <a href="mailto:466322934@qq.com">与我联系</a>
  13.         </div>
  15.         <div>
  16.             <ul>
  17.                 <font size="5" color="lightseagreen">常见的水果</font>
  18.                 <li>西瓜</li>
  19.                 <li>苹果</li>
  20.                 <li>菠萝</li>
  21.                 <li>芒果</li>
  22.                 <li>香蕉</li>
  23.             </ul>
  24.             <ol start="3">
  25.                 <li>大学一年级</li>
  26.                 <li>大学二年级</li>
  27.                 <li>大学三年级</li>
  28.                 <li>大学四年级</li>
  29.             </ol>
  30.             <dl>
  31.                 <dt>小说</dt>
  32.                     <dd>惊悚</dd>
  33.                     <dd>言情</dd>
  34.                     <dd>奇幻</dd>
  35.                     <dd>科技</dd>
  36.                 <dt>教科书</dt>
  37.                     <dd>初二语文</dd>
  38.                     <dd>初一数学</dd>
  39.                     <dd>初三英语</dd>
  40.                     <dd>中考冲刺</dd>
  41.             </dl>
  42.         </div>
  44.         <table border="1" cellspacing="0" cellpadding="10" align="center">
  45.             <caption style="color:red;font-size:25px;">家庭成员信息表</caption>
  46.             <colgroup bgcolor="pink">
  47.                 <col bgcolor="red">
  48.                 <col bgcolor="yellow" span="2">
  49.                 <col>
  50.                 <col>
  51.             </colgroup>
  52.             <thead style="background-color:royalblue;font-size:20px" >
  53.                 <th>姓名</th>
  54.                 <th>性别</th>
  55.                 <th>年龄</th>
  56.                 <th>工作</th>
  57.                 <th>祖籍</th>
  58.             </thead>
  59.             <tbody align="center" font-family="arial narrow">
  60.                 <tr>
  61.                     <td>曹凤营</td>
  62.                     <td>男</td>
  63.                     <td>56</td>
  64.                     <td>外地</td>
  65.                     <td rowspan="5">河南省获嘉县</td>
  66.                 </tr>
  67.                 <tr>
  68.                     <td>王素霞</td>
  69.                     <td>女</td>
  70.                     <td>58</td>
  71.                     <td rowspan="2">县中医院</td>
  72.                 </tr>
  73.                 <tr>
  74.                     <td>曹鹏建</td>
  75.                     <td>男</td>
  76.                     <td>28</td>
  77.                 </tr>
  78.                 <tr>
  79.                     <td>王丹</td>
  80.                     <td>女</td>
  81.                     <td>31</td>
  82.                     <td>县政府</td>
  83.                 </tr>
  84.                 <tr>
  85.                     <td>曹思远</td>
  86.                     <td>男</td>
  87.                     <td>1</td>
  88.                     <td>无</td>
  89.                 </tr>
  90.             </tbody>
  91.             <tfoot align="center" bgcolor="lightblue">
  92.                     <tr>
  93.                         <td>备注</td>
  94.                         <td colspan="4">没有工作请填“无”</td>
  95.                     </tr>
  96.             </tfoot>    
  97.         </table>
  99.         <hr>
  100.         <form action="" method="get">
  101.             <h2 align="center">用户注册</h2>
  102.             <section>
  103.                 <label for="username" >用户名：</label>
  104.                 <input type="text" name="username" id="username" placeholder="手机/邮箱/账号" maxlength="18" size="20" autofocus/>
  105.             </section>
  106.             <section></section>
  107.                 <label for="password">密码：</label>
  108.                 <input type="password" id="password" name="password" placeholder="由字母、数字和下划线组成" maxlength="16" size="20"/ required>
  109.             </section>
  110.              <section>
  111.                  <label >性别</label>
  112.                  <input type="radio" name="sex" id="male" value="男"/><label for="male" >男</label>
  113.                  <input type="radio" name="sex" id="female" value="女"/><label for="female" >女</label> 
  114.              </section>
  115.                 <section>
  116.                     <label for="">爱好：</label>
  117.                     <input type="checkbox" name="hobby[]" value="read" checked/>阅读
  118.                     <input type="checkbox" name="hobby[]" value="sport" checked/>运动
  119.                     <input type="checkbox" name="hobby[]" id="travle" value="travle"/><label for="travle">旅游</label>
  120.                     <input type="checkbox" name="hobby[]" id="photograph" value="photograph"/><label for="photograph">摄影</label>
  121.                     <input type="checkbox" name="hobby[]" id="stamp collecting" value="stamp collecting"/><label for="stamp collecting">集邮</label>
  122.                 </section>
  123.                 <input  type="submit" value="提交" />
  124.         </form>
  125.     </body>
  126. </html>

Correcting teacher：天蓬老师天蓬老师

Correction status：qualified

Teacher's comments：完成的相当Ok
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post