HTML超文字標記語言1

2021-10-05 22:31:15 字數 2297 閱讀 9462

1.雙標籤(對標籤):

a:成雙成對出現,可以包含內容;

b:有開始標籤,有結束標籤,結束標籤在單詞前有「/」;

2.單標籤:

a:只有開始標籤,沒有結束標籤

b:單標籤在開始標籤中結束,通常應該在單標籤的大於號前加「/」表示結束。

c:單標籤的功能需要使用屬性來實現

元素:

1.從開始標籤到結束標籤中的所有**(內容)

2.單標籤中的所有**

元素內容:

1.從開始標籤到結束標籤中的內容(不包括標籤)

2.單標籤沒有元素內容

元素屬性:

1.屬性是幫助標籤完善功能

2.寫在開始標籤中,和標籤名之間有空格。

3.屬性名="屬性值",引號要使用英文狀態的符號

4.標準屬性:通用於幾乎所有標籤的屬性

5.特殊屬性:不通用於所有標籤的屬性

1.所有**全部使用小寫

2.所有標籤都要正常關閉

3.所有**必須在英文半形狀態輸入(很重要)

4.必須要寫在最前面

link:引入外部檔案
標題欄圖示設定:16x16畫素

2.使用ico圖示作為標題欄圖示

可以用工具生成ico圖示

3.使用jpg格式的作為標題欄圖示

4.使用png格式的作為標題欄圖示

5.使用gif格式的作為標題欄圖示

關鍵字設定:

meta標籤

name="keywords"

content="要設定的關鍵字,可以使用多個,建議不超過5個。多個關鍵字用英文狀態的「,」分隔。"

描述設定:

meta標籤

name="description"

content="要設定的描述內容,建議不超過100字"

關鍵字和描述:

1.關鍵字和描述不是給人看,是用於供搜尋引擎使用

2.關鍵字和描述是網頁優化很重要的部分

頁面自動跳轉語法:

設定樣式語法:引入樣式檔案語法(用得最多):

target:指定在**開啟目標頁面

_blank:在新視窗中開啟目標頁面

_self: 在當前視窗中開啟目標頁面(預設值)

_parent : 把文件載入父視窗或包含了超連結引用的框架的框架集

_top: 把文件載入包含該超連結的視窗,取代任何當前正在視窗中顯示的框架

a1

換行符:

a2a3

id屬性:

1.是元素唯一標識

2.同乙個頁面中不能有相同的id

3.同一頁面中,不同元素有相同id也不行

張三

李四王小花

趙小美class屬性(類):

1.相同的元素,不同的元素可以有相同的類名()class值

2.同乙個元素可以有多個類名,用空格隔開

3.主要用來選擇一堆元素,定義樣式

4.規定類名時,類名不能以數字開頭

title屬性:

1.規定元素的額外資訊

2.滑鼠移到元素上時顯示提示文字

style屬性:

1.規定元素的行內樣式

2.style設定的樣式會覆蓋其它方式設定的樣式

3.可以設定多個屬性值,用";"隔開

自定義屬性:

1.自己定義屬性名,屬性值

2.定義屬性用得不多

自定義資料屬性:

1.用於儲存頁面或應用程式的私有自定義資料

2.data-*屬性包括兩部分:

a."*"表示自定義的屬性名,在data-之後必須包含至少乙個字元

b.屬性值可以是任何字串

aa

1.當網頁內容太長,需要跳轉到具體位置時,可以使用錨鏈結

第一章第二章第三章

······

······

······

返回頂部(空鏈結)
跳轉到其它頁面具體位置錨鏈結

1.目標頁面具體位置要設定錨點

2.用a標籤中的href屬性指定目標頁面的路徑+指定位置的id

第一章第二章第三章

html超文字標記語言

文件的標題title head body html 有序,表項 定義詞定義描述 顏色及背景 bgcolor 背景色 ff0000 rgb 255,0,0 red屬性值 具體 百分比flash classid clsid d27cdb6e ae6d 11cf 96b8 444553540000 wid...

超文字標記語言 HTML

雙標記由 始標記 和 尾標記 兩部分構成,必須成對使用,始標記 和 尾標記 之間被稱為內容。語法 標記 內容 區塊 用的最多的區塊元素 文字 用的最多的 行內 內聯 元素 標記屬性 屬性名 屬性值 如 標記名字 屬性1 屬性2 屬性3 各屬性之間無先後次序,屬性也可以省略。另外所有標籤都具有id 唯...

HTML超文字標記語言

html hyper text markup language 基本標籤 1 基本結構標籤 注釋標誌,在 之間的內容將不在瀏覽器中顯示 指定了html文件遵循的文件型別定義 表示該檔案為html檔案 包含檔案的標題,使用指令碼,樣式定義等。包含檔案的標題,標題出現在瀏覽器標題欄中 最大的標題 最小的...