Blogger Information
Blog 3
fans 0
comment 0
visits 2477
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html文档基本结构、列表的使用、表格的用法以及表单的使用2019/07/02
范儿的博客
Original
606 people have browsed it

实例

  
<!doctype html>   
<!-- 定义文档类型 -->

<html tag="en">  
<!-- 文档根元素  -->
    
<!-- head头标签 -->
 <head>
    <mate charset ="utf-8">
    <title> 文档标题 </title>
 <head>
    
<!-- body文档内容 -->
  <body>
    <p> 
     <h1> php中文网  </h1>
   </p>
  </body>

</html>

<hr>

<!doctype html>  
 <head>
  <mate charset ="utf-8">
  <title> 无序列表 </title>
 <head>
    
   <body>
      <h2> 厨房 </h2> 
        <ui> 
          <li>小菜刀</li>
          <li>油盐醋</li>
          <li>电饭煲</li>
        </ui>
       <h2> 房子 </h2> 
        <ol>
          <li>大厅</li>
          <li>卧室</li>
          <li>阳台</li>
        </ol>
<!-- dl自定义列表 -->      
       <dl>
       <dt>猫</dt>
       <dd>是用来捉老鼠用的</dd>
       <dt>狗</dt>
              <dd>是用来看家用的</dd>
              <dt>猪</dt>
              <dd>是用来养大卖出去的</dd>
       </dl>
   </body>
   
   <hr>
 <!doctype html>   
 <html tag="en">  
  <head>
    <mate charset ="utf-8">
    <title> 表单 </title>  
   <body>
<table border="1" cellpadding=""4  cellspacing="0">
  <captionn>  购物车 </captionn>
    <thed> 
     <tr align="center" bgcolor="#green" >
      <th>编号</th>
      <th>名称</th>
      <th>单价</th>
      <th>数量</th>
      <th>金额</th>
      <!-- th 字体加粗-->
     </tr>
    </thed>
    <tbody>
      <tr align="center">
          <td width="60">1</td>
         <td width="70">苹果</td>
         <td width="80">3</td>
         <td width="90">5</td>
         <td width="100" rowspan="2">35</td>
        </tr> 
        <tr align="center">
           <td>2</td>
           <td>哈密瓜</td>
           <td>5</td>
           <td>4</td>
           
          
        </tr>
        <tr align="center">
             <td>3</td>
             <td>火龙果</td>
             <td>7</td>
             <td>2</td>
             <td>14</td>
        
        <tfoot>   
        <tr align="center">
           <td  colspan="3">总计:</td>
           <td >11</td>
           <td >49</td>
         </tr>
        </tfoot>
    </tbody>
  </body>
 </html> 
<hr> 

<!doctype html>   
 <html tag="en">  
  <head>
    <mate charset ="utf-8">
    <title> 表单与表单中的控件元素 </title>
 </head>
      <body>
       <h2> 用户注册 </2>
       <from action="" method="get" name="register">
        <p> 
        <lader for="username">账号:</label>
        <input type="text" id="username" name="username"  placeholder="不超过八个字符" autofocus>
       </p>
          <p> 
          <lader for="password">密码:</label>
          <input type="text" id="password" name="password"  placeholder="6-14个字母或数字" >
        </p>
          <p> 
              <lader for="email">邮箱:</label>
              <input type="email" id="email" name="email"  placeholder="vsdghvj@qq.com" required>
         </p>
          <p> 
          <lader for="ago">年龄:</label>
          <input type="number" id="ago" name="ago"  min="8" max="55">
        </p>
        
         <p> 
          <lader for="birthday">生日:</label>
          <input type="date" id="birthday" name="birthday" >
</p>
 <p> 
  <lader for="course">课程:</label>
   <select name="course" id="course" size="1">
    <optgroup label="前端:">
      <option value="0">请选择</option>
      <option value="1">html5</option>
      <option value="2">css3</option>
      <option value="3" selected>javescript</option>
   </optgroup >
              
    <optgroup label="后端:">
      <option value="4">php</option>
       <option value="5">MySQL</option>
        <option value="6">thingphp</option>
    </optgroup>
               
    <optgroup label="科目:">
       <option value="7">数学</option>
       <option value="8">语文</option>
       <option value="9">英语</option>
    </optgroup>
    </select>
</p>
 <p>
<label for="programe">兴趣爱好:</label>       
      <input type="checkbox" name="hobby[]" value="play basketball" id="play basketbal" checked>
       <label for="play basketball">打篮球</label>
       
       <input type="checkbox" name="hobby[]" value="play football" id="value="play football">
          <label for="value="play football">踢足球</label>
          
       <input type="checkbox" name="hobby[]" value="swimming" id="swimming">
       <label for="swimming">游泳</label>      
        
</p>

      </body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


Correction status:qualified

Teacher's comments:看来你是落下不少作业, 尽快补齐
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