web快速入門之基礎篇-html:10、表格-常用屬性:th、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

<!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:垂直佈局(默認爲中)

 

 

 

 

 

 

 

 

 

發佈了284 篇原創文章 · 獲贊 47 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章