HTML的基本結構

2022-08-10 14:42:25 字數 2077 閱讀 5897

在當今社會中,網路已成為人們生活的一部分,網路提供的服務主要是以網頁的形式展現出來。html是建立網頁的基礎語言,如果不了解html(超文字標記語言).就談不上網頁設計。html也是web用於建立和識別文件的標準語言。這些標記都是通過使用標籤來完成的,標籤可指定網頁在瀏覽器中的顯示方式。本章就來介紹html檔案的基本結構、文字相關標籤、影象

標籤、頁面鏈結標籤、滾動標籤等,使大家對html的基本標籤有深入的了解,為後面的學習打下堅實的基礎,其中重點是文字、影象、鏈結標籤的運用,難點是各種標籤的綜合應用。

本節單詞記憶:標籤 1.head 2.title 3.body 4.meta 屬性 1.bgcolor 2.background

1.1 html的基本機構

完整的html檔案至少包括標籤、標籤結束。這部分包含顯示在網頁標題欄中的標題和其他在網頁中不顯示的資訊。標題包含在和標籤之間。

小經驗:標籤不區分大小寫,因此使用者可以使用來代替。

圖1 html文件結構

2 使用記事本建立網頁

建立乙個html文件,需要兩個工具:乙個是文字編輯器(如記事本、ultraedit、editplus等),乙個是用於檢視html文件效果的web瀏覽器(如intemet explorer、firefox等)。下面網頁學習網就使用windows自帶的記事本來快速編寫第乙個html檔案,然後使用web瀏覽器檢視html文件效果。

(2)  在記事本中輸入如圖2所示的html**,輸入完**後的記事本如圖1.2所示。

圖2 在記事本裡編輯html

(3)  單擊記事本選單欄中的「檔案一儲存」選單,彈出「另存為」對話方塊,在對話方塊中選擇存檔的資料夾,然後在「儲存型別」下拉列表框中選擇「所有檔案」選項,在「編碼」下拉列表框中選擇「ansi」選項,儲存檔名為my_firstpage.html,如圖3所示,最後單擊「儲存」按鈕。

(4) 回到存檔的資料夾,使用web瀏覽器開啟my_firstpage.html丈件,可以看到最終的頁面效果,如圖4所示。wangyexx.com

圖4 「另存為」對話方塊 

圖5 瀏覽效果

3 標籤

標籤出現在網頁的標題部分。這是乙個特殊的html標籤,提供有關網頁的資訊。有時在網上衝浪時,發現有些網頁中的文字是亂碼,這是怎麼回事呢?其實就是標籤中charset屬性沒有正確地設定編碼語系。如果我們正確地設定了網頁語言的編碼方式,瀏覽器就會正確地顯示網頁中的內容,而不會出現亂碼。要將gb2312指定為預設字符集型別,則使用以下標籤:

其中,charset用於設定網頁的編碼語系,簡體中文網頁使用charset=gb2312,正體中文使用charset=big5,純英文網頁建議使用iso-8859-1,或者不設編碼也可。根據自己所在的國家或頁面主體使用的語言型別所對應的編碼語系來正確地設定charset,這樣可以避免網頁中的亂碼。像在中國建議把charset設為「gb2312」。

4  頁面背景色或背景影象

在預設情況下,使用web瀏覽器瀏覽網頁時,其背景色為白色,如果我想把背景色換成好看的顏色或怎麼辦?其實很簡單,使用bgcolor屬性可以改變網頁的背景色,使用background屬性可以把網頁的背景設為。

語法:設定網頁的背景色或背景影象:

hello world!

示例1:設定網頁背景的**。

hello world

示例1在瀏覽器中預覽效果如圖1.5所示。若把示例l中這一部分**改為之後,在瀏覽器中預覽效果如圖6所示。

圖6 設定網頁的背景影象

小經驗:為了使頁面美觀大方,網頁背景要盡量得淺。

本節作業:

參照示例1,通過記事本建立乙個簡單的html頁面,要求設定網頁背景。

注意事項:

1.html的文件的基本結構,標籤配對出現。

2.設定背景色是bgcolor屬性,設定背景是background屬性。

返回《html入門經典》教程列表

HTML的基本結構

html標籤 組成是html文件的 最基本元素,一般是成對出現,由 開始標籤和 與其對應的結束標籤構成.如,等,此外,還有一些標籤是單獨出現的,如 等,標籤可以相互巢狀使用。由於html語言是 一門弱型別語言,對格式的要求不是非常嚴格,因此所有標籤是 不區分大小寫的,但是,一般在實際開發中,大家都統...

HTML的基本結構

1.內容 解釋 html文件的文件標記,也稱為html開始標記。功能 這對標記分別位於網頁的最前端和最後端,在最前端表示網頁的開始,在最後端表示網頁的結束。2.解釋 html檔案頭標記,也稱為html頭資訊開始標記 注意 在標記內的內容不會在瀏覽器中顯示 3.內容 解釋 html檔案標題標記 功能 ...

html基本結構

1.html是一種超文字標記語言全稱為 hypertext mark up language 不是程式語言而是標記語言。html標籤要成對出現結束時需要加斜槓例如頭部標籤是主體標籤是 除了一些標籤,他們不是成對存在的 2.doctype是文件型別標記,該標記是將特定的標準通用或xml文件與文件型別定...