您當前位置：首頁 > web前端 > htmlcss > HTML基礎(一)：HTML的組成結構

HTML基礎(一)：HTML的組成結構

來源：程序員人生發布時間：2013-10-08 06:38:32 閱讀次數：3238次

HTML是網頁主要的組成部分，基本上一個網頁都是由HTML語言組成的，所以要學習網站怎樣建設，必須從網頁的基本語言學起。

HTML文件是什么？

HTML表示超文本標記語言（Hyper Text Markup Language）。
HTML文件是一個包含標記的文本文件。
這些標記保速瀏覽器怎樣顯示這個頁面。
HTML文件必須有htm或者html擴展名。
HTML文件可以用一個簡單的文本編輯器創建。

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

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

HTML的組成結構

（頭部、眼睛、身體----好像一個人一樣是不是？）

1、頭部。只要你學過英語，你應該知道頭怎么用英文寫吧！yes，HEAD就是了；所以，頭部的HTML寫法就是<head>頭部的內容</head>，簡單不，大家注意一下，這兩個非常相似，只是后一個比前一個多了“/”符號。類似這樣的以后會經常用到。

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

3、身體。身體是網頁最主要的部分了，因為前面講的都不是頁面所顯現出來的，而大家所看到的頁面頁就是他的身體部分了（當然它的TITLE可以在瀏覽器的最左上角可以看到），身體----BODY，他的寫法也就是：<body>頁面內容</body>

最后，別忘了把這些部分組成一體----網頁，所以咱們就用<html></html>把他們給包起來。
好了，咱們來大體看看網頁的結構：

想不想嘗試一下？

假如你運行的是windows系統，打開記事本，在其中輸入以下文本：

<html>
<head>
<title>Title of page - liehuo.net</title>
</head>
<body>
This is my first homepage.
<b>This text is bold</b>
</body>
</html>

將此文件保存為“mypage.htm”。

直接雙擊文件；或者啟動瀏覽器 -> 在文件菜單中選擇“打開”（或者“打開頁面”），這時將出現一個對話框 -> 選擇“瀏覽”（或者“選擇文件”） -> 定位到你剛才創建的HTML文件——“mypage.htm”，選擇它，單擊“打開” ->.然后在對話框中，你將看到這個文件的地址，比如說：“C:MyDocumentsmypage.htm” -> 單擊“確定”，瀏覽器將顯示此頁面。

關于HTML編輯器：

用一些所見即所得的編輯器，比如frontpage，dreamwaver，你可以很容易創建一個頁面，而不需要在純文本中編寫代碼。

但是假如你想成為一名熟練的網絡開發者，我們強烈推薦你用純文本編輯器編寫代碼，這有助于學習HTML基礎。

常見問題

問：我編寫完了HTML文件，但是不能在瀏覽器中看見結果，為什么？
答：請確認你保存了文件，并且使用了正確的文件名和擴展名，例如：“c:mypage.htm”，并且確認你用瀏覽器打開時使用同樣的文件名。

問：我編輯了HTML文件，但是修改結果并沒有在瀏覽器中顯示，為什么？
答：瀏覽器緩存了你的頁面，所以它不需要兩次讀取同樣的頁面。你修改了這個頁面，瀏覽器并不知道。請使用“刷新/重載”按鈕來強迫瀏覽器讀取編輯過的頁面。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生