HTML5技术

HTML基

字号+ 作者:H5之家 来源:H5之家 2017-08-17 08:00 我要评论( )

1、表格标签: border设置边框,align设置位置(居中等),bgcolor设置背景颜色,cellspacing设置边框之间的空隙,cellpadding设置边框与里面内容的间距。 table表,tr行,td单元格 table bgcolor="" cellpadding="" cellspacing="" tr td/td td/td td/td /tr

1、表格标签: border设置边框,align设置位置(居中等),bgcolor设置背景颜色,cellspacing设置边框之间的空隙,cellpadding设置边框与里面内容的间距。

  table表,tr行,td单元格

    <table bgcolor="" cellpadding="" cellspacing="">
      <tr>
        <td></td>
        <td></td>
        <td></td>
      </tr>
    </table>
 <tr></tr>里面也能设置相应属性,且比<table></table>优先级高。
2、跨行跨列操作(针对单元格,写在td里面)
  跨行:rowspan
  跨列:colspan

3、下面实现网站首页显示页面(事先准备若干照片)

首先分析步骤:

1)创建一个七一列的表格
2)实现第一行(嵌套一个一行三列的表格,然后分别对单元格的内容进行填充)


3)实现第二行(暂时使用字体标签结合超链接完成导航栏,需要设置当前单元格的背景颜色为黑色)


4)实现第三行(直接放置一张广告图片)


5)实现第四行(嵌套一个三行七列的表格)


6)实现第五行(放置一张广告图片)


7)实现第六行(放置一张广告图片)


8)实现第七行(使用字体标签和超链接完成友情链接和版权信息)

然后写代码:

注意代码中<a href="#" ></a>表示页面不发生跳转。

商城首页登录注册购物车首页手机数码电脑办公鞋靴箱包家用电器最新商品锅399榨汁机599电视2500洗衣机1800压力锅499微波炉499扫地机器人1500面包机800咖啡机1000关于我们联系我们招贤纳士法律声明友情链接支付方式配送方式服务声明广告声明 Copyright 2005-2016 hh商城 版权所有

在浏览器中运行,就能显示网站首页。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML Canvas:基本操作 - 救火队长

    HTML Canvas:基本操作 - 救火队长

    2017-08-16 18:00

  • HTML5 Canvas:初始Canvas - 救火队长

    HTML5 Canvas:初始Canvas - 救火队长

    2017-08-16 18:00

  • HTML基

    HTML基

    2017-08-16 17:02

  • HTML基

    HTML基

    2017-08-16 11:00

网友点评