㊣傲楓曰：先釐清html文件的骨架 








基本架構：







　千萬不要偷懶喔！以下的程序請大家一步一步的跟我做。

　１、打開附屬應用程式中的「記事本」，複製以下藍色的部分，貼
　　　在記事本中。(這藍色的部分就是html文件的基本架構)

<html>
<head>
<title></title>
</head>
<body>
</body>
</html>


　２、在<title>與</title>之間，輸入簡短的文字。

　３、同樣的，在<body>與</body>之間，輸入簡短的文字。


　步驟１、２、３如下圖所示

　

　４、接下來要存檔，輸入檔名時，需包括主檔名及
　　　副檔名(*.htm或 *.html)。主檔名由你自行選
　　　擇，副檔名則必須是 htm或html。
　　　另外要注意的是，若是沒有特別規定，首頁的
　　　檔名必須是index.htm或index.html。


　如圖所示(本例中將檔名存為1.htm)

　

　５、找到你剛存好的檔案，快速用滑鼠左鍵按兩下，OK！你所看到
　　　的，就是你的第一個網頁。

　６、如果你沒有網頁編輯軟體，請把上面的基本架構複製下來，然
　　　後存成範本，免得每次都要重新打一遍。
















標籤功能解說：







　以下是基本架構的說明

<html>...</html>
　這一對配對標籤，是用來表示這份html文件的有效範圍。

<title>...</title>
　輸入在這對標籤中的文字，將成為網頁的標題，會出現在瀏覽器最
　左上方的部分。

<body>...</body>
　這一對標籤，是用來標示網頁主要內容(文字或圖片等等)的開始與
　結束。接下來幾個單元介紹的所有語法都必須放在這對標籤之中！


　另外，body這個標籤內可加入許多的屬性，啥？你不懂什麼是屬性
　？你一定是懶得看第一章吧！幫你複習一下:　　
  
　ex. <body text="#000000">

　其中text就是body中的屬性，記住囉，以後標籤中的屬性就是這樣
　加的！















body中的屬性
：







　言歸正傳，<body>中最常用的屬性如下:

text
　用來控制你網頁中，所有文字的顏色，寫法是
　<body text="#000000">

　其中  #000000 是網頁所使用的顏色代碼，變換這些色碼，可自行
　設定顏色。




bgcolor
　用來控制您網頁中，背景的顏色，寫法是
　<body bgcolor="#ffffff">


link
　用來控制網頁中，超連結的顏色，寫法是
　<body link="#0080ff">


alink
　用來指定超連結，在連結中的顏色，寫法是
　<body alink="#8000ff">


vlink
　用來指定超連結，在連結後的顏色，寫法是
　<body vlink="#ff0000">


background
　用來控制網頁中，背景的圖案，若你嫌背景每次都用素面的顏色不
　好看，那就一定要用這個，寫法是

　<body background="xxx.jpg">

　直接將圖檔的位置輸入在引號中，可放置 jpg 或 gif 這兩種格式
　的圖檔。


　也許你會有疑問，若是想一次控制很多屬性，豈不是要打一堆body
　？不用啦！這些屬性可以在一個標籤內完成。只要在屬性與屬性之
　間空一格即可，以後我們都這樣做。

　ex.  <body text="#000000" bgcolor="#ffffff">















範例
：







　廢話不多說，看範例

<html>
<head>
<title>傲楓小築教學範例</title>
</head>
<body text="#3366ff" bgcolor="#000000">
請注意看視窗左上角，還有文字與背景的顏色。
</body>
</html>


　以上藍色的部分，就是由你自己決定啦，試著改變它的內容，再看
　看有什麼不同。

　結果呈現












回上一章　名詞解釋　　　　　　到下一章　排版對齊