DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> HTML基礎 HTML的組成結構
HTML基礎 HTML的組成結構
編輯:HTML和Xhtml     
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文件,但是修改結果並沒有在浏覽器中顯示,為什麼?
答:浏覽器緩存了你的頁面,所以它不需要兩次讀取同樣的頁面。你修改了這個頁面,浏覽器並不知道。請使用“刷新/重載”按鈕來強迫浏覽器讀取編輯過的頁面。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved