<html>
<head>
<title>標題文字</title>
</head>
<body .....>
網頁內容
</body>
</html>
單元十二、HTML介紹
1.HTML的標準格式：。
<html>
<head>
<title>標題文字</title>
</head>
<body .....>
網頁內容
</body>
</html>
|
|
2.HTML的語法說明：。
<title>標題文字</title>
瀏覽器視窗的標題文字
<body background="b01.gif">
設定背景圖為b01.gif，其它參數如下：
bgcolor="#FFFFFF" 背景顏色為白色
text="#000000" 文字顏色為黑色
link="#000000" 超連結的顏為黑色
vlink="#000000" 已按過的超連結顏為黑色
alink="#000000" 超連結被壓下時的顏為黑色
<h1>文字</h1>
從 h1....h6 ,最大到最小等級的文字
<font size=7 color="#000000">文字</font>
字大小為7的黑色文字
<b>文字</b>粗體字
<u>文字</u>底線字
<i>文字</i>斜體字
<img src="boy.gif" width=100 height=200>
顯示檔名為boy.gif的檔案，寬度100點高度200點
src 指定路徑及檔名
width 寬度
height 高度
alt 圖片的替代文字,無法看圖時仍可看到這裡設定的文字
align 圖片和其它圖文的對齊方式可用 left / right / top / texttop / middle / absmiddle / baseline / bottom / absbottom
<center>文字</center> 文字或圖片置中對齊
<div align=right / left / center / justify>文字</div> 臨時變換對齊方式
<p align=right / left>文字</p> 段落
<hr width="50%"> 分隔線寬度50%
<br> 換行
<a href="joke.htm">超連結文字</a> 連到網站內其它網頁檔案
<a href="http://www.yocjh.kh.edu.tw">超連結文字</a> 連到右昌國中的首頁
<a href="mailto:yuan@mail.yocjh.kh.edu.tw">超連結文字</a> 寫信給某人
<table border=1 width="100%" bgcolor="#FFFFFF">
<tr><td>第一列第1格</td><td>第一列第2格</td></tr>
<tr><td>第二列第1格</td><td>第二列第2格</td></tr>
</table>
<table>表格的起點
<tr> 每一列的起點
<td> 每個格子的起點
border 表格框線粗細