当前位置: 首页 > news >正文

招聘网58同城官网鹤壁网站seo

招聘网58同城官网,鹤壁网站seo,做网站最低服务器配置,个人主页网页设计模板图片1 表格基本语法 tr:table row th:table head 2 表格属性 2.1 基本属性 表格的基本属性是指表格的行、列和单元格但并不是每个表格的单元格大小都是统一的,所以需要设计者通过一些属性参数来修改表格的样子,让它们可以更更多样…

1 表格基本语法

tr:table row

th:table head

2 表格属性

2.1 基本属性

  • 表格的基本属性是指表格的行、列和单元格
  • 但并不是每个表格的单元格大小都是统一的,所以需要设计者通过一些属性参数来修改表格的样子,让它们可以更更多样化。
  • 这些属性参数包括行高、宽度等。
    • 1.行高height属性
    • 2.宽度width属性
    • 3. 边框Border属性
    • 4.单元格大小属性height和width
<!DOCTYPE html>
<html>
<body>
<table border="1" height="100%" width="100%"><tr><th height="50" width="100"> Head 1 </th><th > Head 2 </th></tr><tr><td> row, cell 1 </td><td> row, cell 2 </td></tr>
</table>
</body>
</html>

百分比表示所占浏览器的大小 

绝对数字表示像素值大小

2.2 其他属性

  • bgcolor: 定义表格或者单元格的背景颜色
  • background: 定义表格或者单元格的背景图片
<!DOCTYPE html>
<html>
<body>
<table border="1" height="100%" width="100%" bgcolor='lightgreen'><tr><th height="50" width="100" bgcolor='lightblue'> Head 1 </th><th > Head 2 </th></tr><tr><td bgcolor='red'> row, cell 1 </td><td> row, cell 2 </td></tr>
</table>
</body>
</html>

3 合并单元格

  • 合并同一行的单元格时,要用到 colspan 属性
  • 合并同一排的单元格时,要用到 rowspan 属性
<!DOCTYPE html>
<html>
<body>
</table>
<table border="3" ><tr><td colspan="2">1&2</td><td>3</td><td rowspan="3" >4&<br/>8&<br/>12</td></tr><tr><td>5</td><td>6</td><td>7</td></tr><tr><td>9</td><td>10</td><td>11</td></tr><tr><td>13</td><td>14</td><td>15</td><td>16</td></tr>
</table></body>
</html>

4 表格标题

  • <caption>标签是用来给表格添加标题的。
  • 默认情况下将位于表格上方居中的位置,且会根据表格的宽度自行调整位置。
<!DOCTYPE html>
<html>
<body>
<table border="1" height="100%" width="100%"><caption>表格题目</caption><tr><th height="50" width="100"> Head 1 </th><th > Head 2 </th></tr><tr><td> row, cell 1 </td><td> row, cell 2 </td></tr>
</table>
</body>
</html>

5 使用CSS 来定义表格属性

  • 利用CSS来定义表格单元格的height和width
  • 利用CSS来定义表格单元格的border属性
    • 可以按顺序设置如下属性:
      • border-width:
      • border-style:  dotted (点状) solid (实线) double (双线) dashed (虚线);
      • border-color
<!DOCTYPE html>
<html>
<head><style>table {height: 300px; border: 2px solid lightblue;}table th {height: 32px; width: 100px;border: 10px dashed red;}table td {border: 5px double green;}</style></head><body>
<table><tr><th> Head 1 </th><th> Head 2 </th></tr><tr><td> row, cell 1 </td><td> row, cell 2 </td></tr>
</table>
</body>
</html>

table是最外圈

table th是head部分(内圈)

table td是 表格正文部分(内圈)

http://www.mnyf.cn/news/33927.html

相关文章:

  • 自己做链接的网站吗网站怎么才能被百度收录
  • 怎么做有数据库的网站重庆网站快速排名提升
  • 做网站域名转出挂靠服务器网站建设黄页免费观看
  • 网站开发文档源码网络域名综合查询
  • 网站代运营做哪些广告资源对接平台
  • 做网站 设备百度推广和优化哪个好
  • 视频资源的网站怎么做厦门谷歌seo公司有哪些
  • asp技术网站开发案例微信小程序开发教程
  • 找做网站的公司seo关键词推广公司
  • wordpress 替换 谷歌上海百度首页优化
  • 如何判断网站是否被收录品牌广告文案
  • 政府网站都是谁做的东营seo网站推广
  • 做电影网站用什么服务器宁德seo公司
  • 医疗网站建设基本流程图关键词长尾词优化
  • 郑州老牌做企业网站yandex搜索入口
  • 下瓦房做网站公司2024近期新闻
  • 那块做微信平台网站seo建站优化
  • 安徽网站建设价格google网页版
  • 网站开发招标任务书我想注册一个网站怎么注册
  • 中企动力员工真实写照广州seo推广
  • 做塑胶原料用什么网站好深圳全网推广排名
  • 电子商务是干什么的就业方向广州seo网站推广公司
  • 电商创业西安优化排名推广
  • 多语言外贸网站开发百度风云榜排行榜
  • 网站建设如何提高转化率做网站需要哪些技术
  • 广州网站建设年底促销百度公司全称叫什么
  • 微商运营seo指搜索引擎
  • wordpress删除作者信息吴中seo网站优化软件
  • 杭州模板建站定制网站厦门seo结算
  • 公司多个门户是做二级域名还是做多个网站怎样把个人介绍放到百度