目錄
一、前言
上一篇文章我整理以前的筆記是:表格-常用屬性:border、width、height,詳細可參考博文 web快速入門之基礎篇-html:9、表格-常用屬性:border、width、height 這篇文章我將整理筆記:表格-常用屬性:th、align、valign
二、實例演示
實例代碼
我們先來看看一個例子,如下代碼:03_th、align、valign.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>這是title標題</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<h3>---(1)th表頭單元格,定義表頭內容、td標準單元格,定義常見普通內容---</h3>
<table border="1" width="300" height="250">
<tr>
<th>字母_th</th>
<th>數字_th</th>
</tr>
<tr>
<td>a_td</td>
<td>123_td</td>
</tr>
<tr>
<td>c_td</td>
<td>456_td</td>
</tr>
</table><br />
<h3>---(2):align水平佈局、valign垂直佈局---</h3>
<table border ="1" width="300" height="250">
<tr>
<td >abc</td>
<td align="middle">bac</td>
<td align="right">cba</td>
</tr>
<tr>
<td valign="top">bcd</td>
<td >cdb</td>
<td valign="bottom">dcb</td>
</tr>
</table>
</body>
</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:垂直佈局(默認爲中)