博客列表 >0702hph作业

0702hph作业

沈帅@迪联¹³³²²²¹⁸⁵⁶⁹的博客
沈帅@迪联¹³³²²²¹⁸⁵⁶⁹的博客原创
2019年07月07日 17:41:28778浏览
  1. html文档的基本结构

    <head>

    <title>html的文档结构</title>

    </head>

    <body>

    <h1>我是php的初学者</h1>

    </body>

  2. 无序列表

    <ul>

    <li>1,奥迪车,1台,30完</li>

    <li>2.奔驰车,1台,30万</li>

    <li>3,宝马车,1台,30万</li>

    <li>4,大众,1台,40万</li>

    </ul>

  3. 无序列表例如导航

    <ul>

    <li><a href = "">首页</a></li>

    <li><a href = "">公司新闻</a></li>

    <li><a href = "">公司产品</a></li>

    <li><a href = "">关于我们</a></li>

    <li><a href ="">联系我们</a></li>

    </ul>

  4. 表格的使用及单元格合并

    <table border ="1" width ="500" cellpadding ="5" cellspacing ="0" align ="left">

    <caption>购物车</caption>

    <thead>

    <tr bgcolor ="black">

    <td>编号</td>

    <td>名称</td>

    <td>单价</td>

    <td>数量</td>

    <td>金额</td>

    </tr>

    </thead>

    <tr>

       <td>1</td>

       <td>奥迪汽车</td>

       <td>20</td>

      <td>1</td>

     <td>20</td>

</tr>

<tr>

       <td>2</td>

       <td>奔驰汽车</td>

       <td>20</td>

      <td>1</td>

     <td>20</td>

</tr>

<tr>

       <td>3</td>

       <td>奔驰汽车</td>

       <td>20</td>

      <td>1</td>

     <td>20</td>

</tr>

<tr>

       <td>2</td>

       <td>奔驰汽车</td>

       <td>20</td>

      <td>1</td>

     <td>20</td>

</tr>

<tr>
       <td colspan="3"  align = "center">总计</td>
       <td>4</td>
       <td>80万</td>
       
       
</tr>

</table>

5,表单元素

<head>
   <meta charset="UTF-8">
   <title>表单元素</title>

</head>
<body>
<h3>用户注册</h3>
<form action="" method="get" name="register">
   <p>
       <lable for ="username">账号:</lable>
       <input type="text" id="username" name="username" placeholder="不超过8个字符" autofocus>
   </p>
   <p>
       <label for="password">密码:</label>
       <input type="password" id="password" name="password" placeholder="6-12的数字和字母组成" autofocus>
   </p>
   <p>
       <label for="email" >邮箱:</label>
       <input type="email" id="email" name="email" placeholder="1900136565@qq.com">
   </p>
   <p>
       <label for="age">年龄:</label>
       <input tppe="number" id="age" name="age" min="16" max="70">

   </p>
   <p>
       <label for="birthday">生日:</label>
       <input type="date" id="birthday" name="birthday">

   </p>
</form>
</body>

6,内联框架

   <title>内联框架</title>
</head>
<body>
<!--<iframe src="https://www.baidu.com/" frameborder="1" name="search" width ="1000" height="500"></iframe>-->
<a href ="https://www.baidu.com/" target="_blank">百度</a>
<a href="http://www.dl-his.com" target="search">dlhis</a>
<a href="http://www.sogou.com/" target="search">搜狗</a>
<h2>后台管理</h2>
<ul style="---">
   <li><a href="demo55.html" target="main">用户管理</a></li>
   <li><a href="demo89.html" target="main">分类管理</a></li>
   <li><a href="demo66.html" target="main">商品分类</a></li>
   <li><a href="demo77.html" target="main">系统设置</a></li>
</ul>
<iframe  frameborder="" width="600" height="500" style="-----" name="main"></iframe>
</body>

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议