博主信息
博文 3
粉丝 0
评论 0
访问量 3055
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
html文档基本结构、列表的使用、表格的用法以及表单的使用2019/07/02
范儿的博客
原创
759人浏览过

实例

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

运行实例 »

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


批改状态:合格

老师批语:看来你是落下不少作业, 尽快补齐
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学