在HTML文件加入标签.pptVIP

1-3HTML網頁與瀏覽器所有的網頁文件應該都是用『標準』的HTML語法所組織起來的,但各廠商為了要讓自己的瀏覽器有更突出的顯示效果,除了一些操作上的改進外,就是支援所謂擴充的HTML語法(HTMLextensions)。製作HTML網頁文件的人只要用了這些特殊的HTML語法,同時使用者也使用支援該語法的瀏覽器,就能看到在其它瀏覽器中看不到的效果。所以要不要在網頁中使用這些非標準的內容就成為製作網頁時的一種考量。1-3-1設計HTML文件的注意事項由於瀏覽器對於不認識的語法是採一概不理的方式,所以若使用擴充的語法編輯網頁,使用者就可能因為所用的瀏覽器不懂該語法,而什麼都看不到或是看到非預期的效果。所以在編輯文件時,也要對是否使用擴充的語法來美化文件內容好好考量一番。1-3-1設計HTML文件的注意事項為了使來參觀的人都能看到完整的內容,尤其是廣告、推廣性質的網頁,只用標準的HTML語法來編輯是最好的了,讀者也不會因為使用功能較『陽春』的瀏覽器,而無法讀到您提供的資訊。1-3-1設計HTML文件的注意事項以前要想讓自己的網頁較有看頭,可能得花不少心思使用Netscape或IE的擴充語法來設計網頁。但是到了HTML4.0、CSS(CascadingStyleSheets)的出現,也差不多將各家原有的擴充語法中重要的部分都一網打盡了,所以單靠HTML4.0和CSS就足以做出效果極佳的網頁了。1-3-1設計HTML文件的注意事項在製作網頁時仍需注意,各瀏覽器廠商對一些HTML標準語法的支援不盡相同,也就是說使用“標準”(或草案中)語法來製作網頁,在不同的瀏覽器上仍可能會有不同的效果。因此如果您希望每個參觀網頁的人都能看到相同的內容,最好自己多使用不同的瀏覽器來測試效果。1-3-2學習的起點-觀摩他人的成果您可以一邊學習一邊思考,慢慢您就會對要放什麼樣的內容有較完整的概念。另一個比較速食的方法就是模仿,從別人的網頁來學習如何製作HTML文件、及應該放哪些內容。這是一個不錯的學習方式,您只要將在網路上看到的HTML存檔,然後用文書編輯程式修改其中的文字,很快就能做出一個自己的網頁,不過這樣只是抄襲,也有侵犯他人智慧財產之嫌,所以還是觀摩觀摩就好,不要都用『抄』的。1-3-2學習的起點-觀摩他人的成果以InternetExplorer而言,在瀏覽別人的網頁時,只要執行『檢視/原始檔』命令就能看到文件的原始內容。1-4HTML的結構請先準備好HTML編輯程式(可以直接使用Windows的記事本即可),接下來我們便要進入HTML的世界了。1-4-1純粹文字的HTML文件其實HTML文件只是個普通的文字檔,您可以在Windows的記事本(或其它文書編輯程式)中輸入以下內容,並儲存為HTML文件(假設命名為ex01-01.html)：1-4-1純粹文字的HTML文件1-4-1純粹文字的HTML文件將檔案命名為.htm(或是.html)之後,瀏覽器就會將這個檔案視為HTML文件了。請您將同一個檔案複製後,重新命名為.txt檔案,再以IE瀏覽器開啟來觀看,便會發現有些微的差異：1-4-1純粹文字的HTML文件雖然只要將檔案的副檔名改成.htm或.html即可產生一個HTML文件,但HTML文件必須以標籤來控制所有的圖片和文字,才能展現出特色,意即標籤是HTML的核心所在,若不使用標籤便失去了儲存成HTML文件的意義了。1-4-1純粹文字的HTML文件1-4-2在HTML文件加入標籤若您曾經使用過IE瀏覽器的『檢視/原始檔』功能,來觀看別人的網頁,就會發現其中包含了許多HTML標籤,其格式如下：1-4-2在HTML文件加入標籤標籤名稱都是英文,也沒有大小寫的區別。例如body、BODY、bOdY的效果都是相同的。基本上HTML標籤依其用法可分為2種：前後包夾型單槍匹馬型前後包夾型這種標籤必須成對出現,第二個標籤就是在標籤名稱前加上一個斜線“/”,例如在文件中有一個body標籤,在稍後就會有一個/body的標籤,在這2個標籤間的文字就會被加上此標籤所定義的效果。不過有些也可視情況省略對應的結束標籤,例如p。單槍匹馬型這種標籤只需出現一次,像是將br、hr等等。*著作權所有?旗標出