码迷,mamicode.com
首页 > 其他好文 > 详细

link小图标以及表格的用法基础

时间:2018-06-04 20:38:27      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:问题:   border   http   padding   style   strong   info   注释   重要   

一、网页小图标的实现

实例:

技术分享图片

实现方式:

技术分享图片

效果:

技术分享图片

二、表格基础

1、表格的组合标签

常用:

table tr td caption

①table属性

  border  边框

  width  宽度 默认按照内容来

  cellpadding  边距(内容和边框的距离)

  cellspacing  间距(单元格和单元格的距离)

 ②trtd属性

  width

  height

  align(水平方向)

  valign(垂直方向)

③caption(标题)

   th(自动加粗居中)

实例:

技术分享图片

效果:

技术分享图片

各标签之间的关系:

thtd是同级标签

Captiontr是同级标签

2、合并单元格(靠占位)

横向合并 colspan (向右合并)

垂直合并 rowspan (向下合并)

实例1(向右)

技术分享图片技术分享图片

 

实例2(向下)

技术分享图片技术分享图片

3、表格嵌套

实例:

技术分享图片

技术分享图片

需要注意的问题:

1、注意嵌套书写的规范。

2、注释的重要性。

3、注意单元格的合并问题。

 

link小图标以及表格的用法基础

标签:问题:   border   http   padding   style   strong   info   注释   重要   

原文地址:https://www.cnblogs.com/Ace-suiyuan008/p/9135220.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!