当前位置:   article > 正文

web快速入门之基础篇-html:10、表格-常用属性:th、align、valign_html table td align valign

html table td align valign

目录

一、前言

二、实例演示

实例代码

效果演示

三、知识点说明

常用属性:th/align/valign

1、th 标签

2、align 和 valign 标签


一、前言

上一篇文章我整理以前的笔记是:表格-常用属性:border、width、height,详细可参考博文 web快速入门之基础篇-html:9、表格-常用属性:border、width、height 这篇文章我将整理笔记:表格-常用属性:th、align、valign

二、实例演示

实例代码

我们先来看看一个例子,如下代码:03_th、align、valign.html

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>这是title标题</title>
  5. <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  6. </head>
  7. <body>
  8. <h3>---(1)th表头单元格,定义表头内容、td标准单元格,定义常见普通内容---</h3>
  9. <table border="1" width="300" height="250">
  10. <tr>
  11. <th>字母_th</th>
  12. <th>数字_th</th>
  13. </tr>
  14. <tr>
  15. <td>a_td</td>
  16. <td>123_td</td>
  17. </tr>
  18. <tr>
  19. <td>c_td</td>
  20. <td>456_td</td>
  21. </tr>
  22. </table><br />
  23. <h3>---(2):align水平布局、valign垂直布局---</h3>
  24. <table border ="1" width="300" height="250">
  25. <tr>
  26. <td >abc</td>
  27. <td align="middle">bac</td>
  28. <td align="right">cba</td>
  29. </tr>
  30. <tr>
  31. <td valign="top">bcd</td>
  32. <td >cdb</td>
  33. <td valign="bottom">dcb</td>
  34. </tr>
  35. </table>
  36. </body>
  37. </html>

效果演示

用谷歌浏览器打开运行,效果如下:

三、知识点说明

常用属性:th/align/valign

1、th 标签

定义表格内的表头单元格。

HTML 表单中有两种类型的单元格:

表头单元格 - 包含表头信息(由 th 元素创建)

标准单元格 - 包含数据(由 td 元素创建)

 

th 定义表头内容,元素内部的文本通常会呈现为居中的粗体文本,

td 定义普通内容,元素内的文本通常是左对齐的普通文本。

详见:

http://www.w3school.com.cn/tags/tag_th.asp

 

2、align 和 valign 标签

align:水平布局(默认为左)

valign:垂直布局(默认为中)

 

 

 

 

 

 

 

 

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/176195
推荐阅读
相关标签
  

闽ICP备14008679号