用frontpage2003寫HTML指令(一):指令集

基本文件

<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">

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