A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© Alone_1221 中级黑马   /  2018-1-5 21:37  /  1367 人查看  /  4 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

HTML第一天的学习就是网页的设计与制作,但是前提的话,要记住很多的HTML标签。因为标签是建立在网页之下,要先打好地基才行。
HTML有字体标签,图片标签,列表标签<超文本链接标签>,表格标签,表单标签,框架标签。
每一个都是环环相扣的。可能字体用的相对较少,但也不能忽视。其实在调试的这个过程是很好玩的,就是太耗费时间了。下面就是我制作的一个课件网页
<body>
  <table border="1" width="100%" align="center" background="../网站首页的显示/image/regist_bg.jpg">
   <tr>
    <td>
     <table border="1" width="100%" >
      <tr width="100%">
       <td><img src="img/logo2.png" ></td>
       <td><img src="img/header.jpg"></td>
       <td align="center">
        <a href="#">注册</a>
        <a href="#">登陆</a>
        <a href="#">购物车</a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     <table border="1" width="100%" align="center" bgcolor="black">
      <tr height="50">
       <td>
        <a href="#"><font size="4" color="white" >首页</font></a> &nbsp;
        <a href="#"><font size="4"color="white">手机数码</font></a>&nbsp;
        <a href="#"><font size="4"color="white">手机数码</font></a>&nbsp;
        <a href="#"><font size="4"color="white">手机数码</font></a>&nbsp;
        <a href="#"><font size="4"color="white">手机数码</font></a>&nbsp;
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr height="500">
    <td>
     <form action="../网站首页的显示/demo/网站首页.html" method="get">
     <table border="5" align="center" width="60%" bgcolor="white" height="">
      <!--<font color="#1859A5"><h3>会员注册</h3></font>
      <font>USER REGISTER </font>-->
      <tr width="60%">
       <td>
        用户名
       </td>
       <td>
        <input type="text" name="username"/>
       </td>
      </tr>
      <tr>
       <td>
        密码
       </td>
       <td>
        <input type="password" name="password" />
       </td>
      </tr>
      <tr>
       <td>
        确认密码
       </td>
       <td>
        <input type="password" name="repassword" />
       </td>
      </tr>
      <tr>
       <td>
        性别
       </td>
       <td>
        <input type="radio" name="sex" value="男"/>男<input type="radio" name="sex" />女
       </td>
      </tr>
      <tr>
       <td>
        Email
       </td>
       <td>
        <input type="email" name="email" />
       </td>
      </tr>
      <tr>
       <td>
        上传头像
       </td>
       <td>
        <input type="file" name="file" />
       </td>
      </tr>
      <tr>
       <td>
        爱好
       </td>
       <td>
        <input type="checkbox" name="hobby"  value="篮球" checked=""/>篮球
        <input type="checkbox" name="hobby"  value="足球"/>主球
        <input type="checkbox" name="hobby"  value="排球"/>排球
       </td>
      </tr>
      <tr>
       <td>
        居住地
       </td>
       <td>
        <select name="provident">
         <option>--请选择--</option>
         <option value="上海" selected="">--上海--</option>
         <option value="北京">--北京--</option>
         <option value="天津">--天津--</option>
        </select>
       </td>
      </tr>
      <tr>
       <td>
        出生年月
       </td>
       <td>
        <input type="date" name="birthday"/>
       </td>
      </tr>
      <tr>
       <td>
        个人简介
       </td>
       <td>
        <textarea rows="10" cols="50" name="introduct">我是</textarea>
       </td>
      </tr>
      <tr>
       <td colspan="2">
        <input type="submit" name="注册" /><input type="reset" name="重置" /><input type="button" name="按钮" value="安流"/>
       </td>
      </tr>
      
     </table>
     </form>
    </td>
   </tr>
   <tr >
    <td >
     <table width="100%" >
      <tr>
       <td>
        <img src="img/footer.jpg"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <tr>
    <td>
     <table border="1" width="100%" >
      <tr align="center">
       <td>
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
        <a href="#">招贤纳士</a>
        <a href="#">法律声明</a>
        <a href="#">友情链接</a>
        <a href="#">支付方式</a>
        <a href="#">配送方式</a>
        <a href="#">服务声明</a>
        <a href="#">广告声明</a><br />
        <a href="#">Copyright © 2005-2016 传智商城 版权所有 </a>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
</body>
是真的有点长,所以在调试过程中,需要一一对应表格关系,不然一个走神,就会少一个<table><tr><tb>.....

4 个回复

倒序浏览
回复 使用道具 举报
不长
回复 使用道具 举报
生成页面呢?
回复 使用道具 举报
温故而知新   加油
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马