close
[套裝軟體實習３]frontpage作業３
如果你已經了解網頁製作的基本概念，現在你可以自己動手製作一個簡單的網頁囉！
將以下原始碼，複製貼到記事本，並存成index.htm或index.html檔案。
<html>
<head>
<title>我的網頁</title>
</head>
<body>
大家好！這是我的第一個網頁
</body>
</html>
- 請打開你電腦中的記事本。
- 在開始 => 程式集 => 附屬應用程式 => 記事本。
- 將下列原始碼複製起來，貼到記事本。
- 另存新檔，存成index.html，並存在電腦的桌面。
- 存好之後，打開剛剛存的文件就可以看到成果囉。
- 這裡要注意一下：
- 在網際網路上，檔名index.htm和INDEX.HTM，是二個不同的檔案。
我在此簡單說明一下HTML的構造：
<html>
<head>
<title>我的網頁</title>
</head>
<body>
大家好！這是我的第一個網頁
</body>
</html>
<html> ... </html>
HTML 是用來告訴瀏覽器這是一個.htm .html的超文件，裡面包圍所有的標籤等你來讀取。
<head> ... </head>
HEAD 是網頁的頭部的意思，當搜尋引擎來造訪網站時，會先讀取HEAD裡的資料，因此被HEAD包圍著的標籤是用告訴搜尋引擎這一頁的重要資訊、網站標題、網站描述、關鍵字等等。
<title> ... </title>
TITLE是被HEAD包圍住的，是輸入網站標題的地方，也就是網站名稱。
<body> ... </body>
上面說到HEAD是網頁的頭部，那麼BODY就是網頁的身體部分，是放置網站主要內容的地方，也就是瀏覽器所呈現出來的畫面。
結語：
各位有沒有發覺到每一個標籤都是被 < > </> 所包圍著，沒錯，< > 是語法的開頭， </> 是語法的結尾，恭喜你已經有了基礎的認識。
以上說明只是每一個網頁應該有的主要語法，你現在可能還不太明白，不過沒關係，我們陸續還會有更多的介紹，只要你耐心看完相信你也能成為網頁製作的高手喔!
全站熱搜
留言列表
