HTML學習 基本概念

2021-07-05 02:06:47 字數 1958 閱讀 3234

html的英文全稱是hyper text markup language,它是網頁超文字標記語言,也是全球廣域網上描述網頁內容和外觀的標準。

html是一款標記語言,本身不能顯示在瀏覽器中。標記語言經過瀏覽器的解釋和編譯,才能正確地反映html標記語言的內容。

html最基本的語法是《標記符》內容

網頁中每乙個內容在瀏覽器中的顯示,都要存放到各標籤中。

標籤與標籤之間可以是巢狀的,但先後順序必須保持一致,如裡面巢狀,那麼

必須在前面。

html標籤不區分大小寫,但建議小寫。

乙個html檔案的基本結構如下:

檔案開始標記檔案頭結束的標記

檔案主體開始的標記

...檔案主體的內容

檔案主體結束的標記

檔案結束標記

表示網頁文件的開始,稱為根標籤,所有的網頁標籤都在中。

表示文件的頭部資訊,一般包括標題和主題資訊。

表示文件的主體區域,網頁要顯示的內容都放在這個標籤內。

head標籤用於定義文件的頭部,它是所有頭部元素的容器。頭部元素有、、、、等標籤,在head部分的內容是不會直接在網頁中顯示的。

:網頁標題內容,每個網頁都應該有乙個獨一無二的title

:一般定義頁面資訊的說明、關鍵字、重新整理等。標籤沒有結束標記,在乙個尖括號內就是乙個meta內容。在乙個html頁面中可以有多個meta元素。meta元素屬性有name和http-equiv,其中name主要用於描述網頁,以便於搜尋引擎查詢、分類。

a、設定頁面關鍵字:

name為屬性名稱,這裡屬性為keywords,也就是設定網頁的關鍵字屬性,而在content中則定義具體的關鍵字

b、設定頁面說明:

name為屬性名稱,這裡屬性為description,也就是將元資訊屬性設定為頁面說明,在content中定義具體的描述語言

d、設定作者資訊:

e、設定網頁文字及語言:

http-equiv用於傳送http通訊協議的標頭,而在content中才是具體的屬性值。charset用於設定網頁的內碼語系,也就是字符集的型別。

國內常用是gb碼,charset往往設定為gb2312,即簡體中文。英文是iso-8859-1字符集,此外還有其他字符集。

f、設定網頁的定時跳轉,重新整理:

refresh表示網頁的重新整理,content中設定重新整理的時間和重新整理後的鏈結位址,時間和鏈結位址之間用分號相隔。預設情況下,跳轉時間以秒為單位。

網頁的主體部分包括要在瀏覽器顯示處理的所有資訊。在網頁的主體標記中有很多的屬性設定,包括網頁的背景設定、文字屬性設定和鏈結設定等。

在和標籤之間的內容是網頁的主要內容,如、、、

a、設定網頁背景色

bgcolor的值可以是乙個已命名的顏色,也可以是乙個十六進製制的顏色值,如「blue」或者「#ff99ff」

b、設定網頁背景

background屬性可以將設定為背景,還可以設定背景的平鋪方式、顯示方式等。的位址可以是相對位址,也可以是絕對位址。預設情況下,使用者可以忽略此屬性,這時會按照水平和垂直的方向不斷重複出現,直到鋪滿整個頁面。

c、設定文字的顏色

在沒有對文字的顏色進行單獨定義時,這一屬性可以對頁面中所有的文字起作用。text值可以是乙個已命名的顏色,也可以是乙個十六進製制的顏色值,如「blue」或者「#ff99ff」。

d、設定修改鏈結文字的顏色

在預設情況下,瀏覽器以藍色作為超連結文字的顏色。link屬性的設定與前面幾個設定顏色的引數類似,都是與body標籤放置在一起,表明它對網頁中所有未單獨設定的元素起作用。使用alink可以設定正在訪問的文字顏色,單擊鏈結的文字時,文字已經改變了顏色。使用vlink可以設定訪問後的鏈結文字的顏色,單擊鏈結的文字後,文字變成vlink設定的顏色值。

e、設定邊距值

margin用於設定邊距值,預設情況下,邊距的值以畫素為單位。topmargin和leftmargin分別設定上邊距和左邊距。

HTML學習 基本概念

一 基本概念 hello html 1 中文顯示問題 中文 2 標籤 html是hyper text markup language 超文字標記語言 的縮寫 html是由一套標記標籤 markup tag 組成,通常就叫標籤 標籤由開始標籤和結束標籤組成 這是乙個開始標籤 這是乙個結束標籤 hell...

html基本概念

具體例項 開啟你的notepad,新建乙個檔案,然後拷貝以下 到這個新檔案,然後將這個檔案存成first.html。this is my first homepage.this text is bold 要瀏覽這個first.html檔案,雙擊它。或者開啟瀏覽器,在file選單選擇open,然後選擇...

html基本概念

1.html的基本概念 www world wide web 全球資訊網是一種建立在internet上的 全球性的 互動性的 多平台的 分布式的資訊資源網路。他採用html語言描述超文字 hypertext 檔案。這裡所說的超文字檔案指的是包含有鏈結關係和多 物件的檔案。www有3個基本組成部分,分...