8.html表格相關的標記9.html表格實戰《簡單的網頁佈局》

時間 2019-11-12

標籤 8.html html 表格相關標記 9.html 實戰簡單的網頁佈局欄目 HTML 简体版

原文原文鏈接

本文轉載於:猿2048網站8.html表格相關的標記9.html表格實戰《簡單的網頁佈局》php

<html>
<head>
<title>第八課標題表格</title>
<meta charset="utf-8">
</head>
<body>
	<table width="960" height="250" border="1" align="center" cellpadding="10" rules="all">
		<caption align="top"> 表格的標題</caption>
		<tr bgcolor="#ccc" align="center" valign="center">
			<th bgcolor="red" >班級</th>
			<th>姓名</th>
			<th>年齡</th>
			<th>成績</th>
		</tr>
		<tr align="center" valign="center">
			<td>四年級一班</td>
			<td>張三</td>
			<td>16</td>
			<td>80</td>
		</tr>
		<tr  align="center" valign="center">
			<td>四年級一班</td>
			<td>李四</td>
			<td>14</td>
			<td bgcolor="#ccc"></td>
		</tr>
		<tr align="center" valign="center">
			<td>四年級一班</td>
			<td>王五</td>
			<td>18</td>
			<td>50</td>
		</tr>
		</table>
		<br/>
	<table width="960" height="250" border="1" align="center" cellpadding="10" rules="all">
		<tr bgcolor="#ccc" align="center" valign="center">
			<th bgcolor="red" >班級</th>
			<th>姓名</th>
			<th>年齡</th>
			<th>成績</th>
		</tr>
		<tr align="center" valign="center">
			<td>四年級一班</td>
			<td>張三</td>
			<td>16</td>
			<td>80</td>
		</tr>
		<tr  align="center" valign="center">
			<td>四年級一班</td>
			<td>李四</td>
			<td>14</td>
			<td bgcolor="green">90</td>
		</tr>
		<tr align="center" valign="center">
			<td>四年級一班</td>
			<td>王五</td>
			<td>18</td>
			<td>50</td>
		</tr>		
	</table>
</body>
</html>

<html>
<head>
<title>第八課標題網頁之戰佈局</title>
<meta charset="utf-8">
</head>
<body leftmargin="0" topmargin="0">
	<table border="0" width="960"  align="center" cellspacing="0" cellpadding="0">
		<tr height="90" bgcolor="red" align="center"><td><font size="6"><b>網頁的頭部</b></font></td></tr>
		<tr>
			<td>
				<table bgcolor="yellow" width="30%" height="500" align="left">
					<tr align="center"><td><font size="6"><b>網頁的左部分</b></td></tr>
				</table>
				<table bgcolor="green" width="70%" height="500" align="left">
					<tr align="center"><td><font size="6"><b>網頁的右部分</b></td></tr>
				</table>
			</td>
		</tr>
		<tr height="90" bgcolor="red" align="center"><td><font size="6"><b>網頁的底部</b></font></td></tr>
	</table>
</body>
</html>

涉及的知識：
一、topmargin="0" 你設計的框架裏網頁上方的距離是多少0就是沒有(英文翻譯上邊距)
二、leftmargin="0" 你設計的框架裏網頁左邊的距離是多少0就是沒有，若是居中顯示就不須要左邊了。(英文翻譯左邊距)
三、border="0"網頁的邊距
四、width="960"網頁的寬度，也能夠用百分比來計算
五、align="center"劇中顯示
六、cellspacing="0" 單元格的間距
七、cellpadding="0" 單元格的邊距
八、height="500"網頁的高度，也能夠用百分比來計算
九、<font size="6"> 能夠設置字體的格式以及字體的大小
十、<b></b>字體加粗
十一、<table><tr><td></td></tr></table> 表格，td是行，th是列。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。