首頁  >  文章  >  web前端  >  HTML基礎 HTML的組成結構 _HTML/Xhtml_網頁製作

HTML基礎 HTML的組成結構 _HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:42:191450瀏覽

HTML檔案是什麼?
HTML表示超文本標記語言(Hyper Text Markup Language)。
HTML檔案是一個包含標記的文字檔案。
這些標記保速瀏覽器怎麼顯示這個頁面。
HTML檔案必須有htm或html副檔名。
HTML檔案可以用一個簡單的文字編輯器來建立。


先簡單的介紹一下HTML語言(我們在這灌輸大家的是能夠實際操作),HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片結合的複雜頁面,這些頁面可以被網路上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。神奇嗎?一點都不神奇,因為現在你看到的就是這種語言寫的頁面。

是呀,HTML並不是很神奇,只是因為你不是很了解它,現在咱們就開始接開她的面紗,首先介紹HTML的組成結構:

HTML的組成結構
(頭部、眼睛、身體----好像一個人一樣是不是?)

1、頭部。只要你學過英語,你應該知道頭怎麼用英文寫吧! yes,HEAD就是了;所以,頭部的HTML寫法就是

頭部的內容,簡單不,大家注意一下,這兩個非常相似,只是後一個比前一個多了“/”符號。類似這樣的以後會常用到。

2、眼睛。就好像人的眼睛一樣,它是心靈的窗口,而一個網頁的眼睛應該就是它的頁面的標題了,標題怎麼說呢? title,yes!大家知道眼睛是長在頭上的,所以啦:標題這些要放在和之間。也就是
標題

3、身體。身體是網頁最主要的部分了,因為前面講的都不是頁面所顯現出來的,而大家所看到的頁面頁就是他的身體部分了(當然它的TITLE可以在瀏覽器的最左上角可以看到),身體----BODY,他的寫法也就是:頁面內容
最後,別忘了把這些部分組成一體----網頁,所以咱們就用把他們給包起來。
好了,咱們來大體看看網頁的結構:

複製程式碼
程式碼如下:



<br>標題<br>


頁內容



想不想嘗試?
假如你運行的是windows系統,打開記事本,在其中輸入以下文字:



提示:您可以先修改部分程式碼再執行
將此檔案儲存為「mypage.htm」。
直接雙擊檔案;或啟動瀏覽器-> 在檔案選單中選擇「開啟」(或「開啟頁面」),這時將出現一個對話方塊-> 選擇「瀏覽」(或「選擇檔案」) - > 定位到你剛剛建立的HTML檔案-“mypage.htm”,選擇它,點選「開啟」 ->.然後在對話方塊中,你將會看到這個檔案的位址,比如說:「C:MyDocumentsmypage .htm” -> 按一下“確定”,瀏覽器將顯示此頁面。


關於HTML編輯器:
用一些所見即所得的編輯器,例如frontpage,dreamwaver,你可以輕鬆地建立一個頁面,而不需要在純文字中寫程式碼。
但是假如你想成為熟練的網頁開發者,我們強烈推薦你用純文字編輯器寫程式碼,這有助於學習HTML基礎。

常見問題
問:我寫完了HTML文件,但是不能在瀏覽器中看見結果,為什麼?
答:請確認你保存了文件,並且使用了正確的文件名和擴展名,例如:“c:mypage.htm”,並且確認你用瀏覽器打開時使用相同的文件名。
問:我編輯了HTML文件,但修改結果並沒有在瀏覽器中顯示,為什麼?
答:瀏覽器快取了你的頁面,所以它不需要兩次讀取相同的頁面。你修改了這個頁面,瀏覽器不知道。請使用「刷新/重載」按鈕來強迫瀏覽器讀取編輯過的頁面。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn