HTML基礎 HTML的組成結構

2020-03-24 19:14:40

字體：大中小

來源：轉載

供稿：網友

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 把他們給包起來。
好了，咱們來大體看看網頁的結構：

復制代碼代碼如下:
html
head
title
標題
/title
/head
body
頁面內容
/body
/html

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

提示：您可以先修改部分代碼再運行
將此文件保存為 mypage.htm 。
直接雙擊文件；或者啟動瀏覽器 - 在文件菜單中選擇打開（或者打開頁面），這時將出現一個對話框 - 選擇瀏覽（或者選擇文件） - 定位到你剛才創建的HTML文件 mypage.htm ，選擇它，單擊打開 - .然后在對話框中，你將看到這個文件的地址，比如說： C:/MyDocuments/mypage.htm - 單擊確定，瀏覽器將顯示此頁面。

關于HTML編輯器：
用一些所見即所得的編輯器，比如frontpage，dreamwaver，你可以很容易創建一個頁面，而不需要在純文本中編寫代碼。
但是假如你想成為一名熟練的網絡開發者，我們強烈推薦你用純文本編輯器編寫代碼，這有助于學習HTML基礎。

常見問題
問：我編寫完了HTML文件，但是不能在瀏覽器中看見結果，為什么？
答：請確認你保存了文件，并且使用了正確的文件名和擴展名，例如： c:/mypage.htm ，并且確認你用瀏覽器打開時使用同樣的文件名。
問：我編輯了HTML文件，但是修改結果并沒有在瀏覽器中顯示，為什么？
答：瀏覽器緩存了你的頁面，所以它不需要兩次讀取同樣的頁面。你修改了這個頁面，瀏覽器并不知道。請使用刷新/重載按鈕來強迫瀏覽器讀取編輯過的頁面。
html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML5的結構和語義(4)-語義性的內聯元素

下一篇：HTML5 繪制圖像(上)之-關于canvas元素引領下一代w