基本文件
<html>
<head>
標題區
</head>
<body>
正文區
</body>
</html>
<h1>頁面中的標題</h1> 1表示最大的標題
<p>新行
<p>新行
或者
新行<br>
新行<br>
注意:用<p>的段落之間空一行, 用<br>的段落之間不空行
<title>瀏覽器標題欄的標題</title>
<a href="http://www.163.com"> test </a>
頁面顯示藍色下劃線test,鏈接到163的主頁
<a href="mailto:[email protected]"> test </a>
<!--test> 別人看不見的註釋
<b>test</b> 粗體test
<i>test</i> 斜體test
<body text="##00ff00" link="#3333CC" alink="#CC33FF" vlink="#FF66CC">
注意:frontpage中雙擊選取顏色框,跳出調色板,選取一種顏色,將自動返回一個十六進制數到代碼區中。尖括號內關鍵詞之間用空格分開,text字體顏色,link鏈接顏色,alink單擊鏈接時顏色,vlink單擊鏈接後顏色
<font color="#CC33FF">test</font> 頁面中改變開頭body默認的顏色
<pre>
test test
test test
test test
</pre>
預格式:瀏覽器中顯示文本完全與代碼區中一致,每一行後都要回車(包括<pre>),適合展示代碼,ASCII技術,詩歌
<font size="1">test 調整字體大小,默認大小爲3,可以選擇1-7
<body background="file:///E:/msn/gif/!cid__1_018C00005C60002E5CA348256F11.gif">
背景圖片,雙引號之間的圖片路徑只須在跳出的對話框中選擇
<body bgcolor="#009933"> 背景顏色
<p align="right">rightrightrightrightrightrightright 行右對齊
<p align="center">centercentercentercentercentercenter 行居中
<p align="justify">justifyjustifyjustifyjustifyjustify 行左對齊
<p align="left">leftleftleftleftleftleftleftleftleftleft 行左對齊
<p>test
<ol> 創建編號列表
<li>first
<li>second
<li>third
</ol>
<p>test
<ul> 創建未編號列表,下面的每個item前是小圓點
<li>first
<li>second
<li>third
</ul>
<p>test
<ul>1 blank <ul>留頁邊空白,每個<ul>須用一個</ul>結束
<p>
<ul><ul>2 blanks
<p>
<ul><ul><ul><ul>4 blanks
<img border="5" src="file:///E:/msn/gif/!cid__1_018C00005C60002E5CA348256F11.gif">
border是圖像邊界,大小範圍0-99,圖像作鏈接時,邊界線纔會顯示
<img align="right"> 圖像放在頁面右邊
基本表格
<table border="5"> border規定邊界寬度
<tr>
<td rowspan="2">cell1</td> rowspan=2垂直延長格子到兩格寬;
<td>cell2</td>
</tr>
<tr>
<td colspan="2">cell3</td> colspan=2水平延長格子到兩格長
</tr> <td>要用</tr>結束,<tr>要用</table>結束
</table>
<td align="right">cell3</td> 格子裏的內容橫向右對齊
<td valign="bottom">cell4</td> 格子裏的內容縱向底邊對齊
<a href="http://www.163.com"> 爲圖片加上超級鏈接
<img src="file:///E:/msn/gif/!cid__1_018C00005C60002E5CA348256F11.gif">