網頁原始碼I 113
網頁原始碼I 113
Embedded Files
※先開啟 Notepad++，準備開始編輯※
一、HTML的基本語法練習:
在了解了基本的HTML標記後，我們就可以在網頁內輸入文字了。如先前所提的
(一)請在 <title> </title> 之間，輸入: 7xxxxOOO的原始碼網頁
(二)請在 <body> </body> 之間，輸入:
唐詩欣賞
過故人莊 孟浩然
故人具雞黍，邀我至田家。
綠樹村邊合，青山郭外斜。
開筵面場圃，把酒話桑麻。
待到重陽日，還來就菊花。
二、HTML的原始碼設計:
輸入完基本架構後，編輯時看起來很不錯，但在瀏覽器中呈現出來的結果卻是：
唐詩欣賞 過故人莊 孟浩然 故人具雞黍，邀我至田家。綠樹村邊合，青山郭外斜。開筵面場圃，把酒話桑麻。待到重陽日，還來就菊花。
為什麼呢? 大部份所輸入的文字應該包含在圍堵標記中，瀏覽器會忽略文字之間的空白，或是 ENTER換行 。
(一)換行及置中:
1.換行 <br> (a line break 斷行 之義)
我們可以使用換行標記 <br>，較特別的是： <br>不需結束標籤來分隔上下的文字，
「 」為空白鍵符號 標記如下：
顯示結果如下：
2. 置中 <center></center>
若要將一行文字，或是一整段文章置中時，可以使用置中標記 <center>
標記如下圖，可自行運用在你想要的版型上：
顯示結果如下：
Page updated
Report abuse