HTML學習筆記(二)

2021-10-07 22:45:43 字數 1687 閱讀 5590

只需要記住:h5文件型別

html的根元素,用來包含html文件的所有元素

包含在頭部的內容不會被顯示的頁面中,這裡通常包含頁面的編碼,作者,頁面的描述資訊,js的匯入,css的匯入等資訊。

用來宣告當前文件的編碼方式為utf-8

「utf-8」 是一種字元編碼。如果你的網頁出現了中文,但是你卻沒有使用utf-8,那麼你網頁的中文內容將無法正常顯示,會出現亂碼的情況。

用來宣告當前文件的標題,標題將會出現在瀏覽器的選項卡中。

所有想要顯示在瀏覽器中的元素都被包含在該元素中。

以下為例子:

<

!doctype html>

"en"

>

"utf-8"

>

"viewport" content=

"width=device-width, initial-scale=1.0"

>

document<

/title>

<

/head>

hello world<

/div>

<

/body>

<

/html>顯示結果:

乙個html是由乙個開始標籤,乙個結束標籤,以及內容組成。結束標籤與開始標籤類似,不過結束標籤在尖括號內多了乙個斜線。標籤決定了其內容的特性。某些html元素具有空內容,大多數html元素可擁有屬性。

例如:開始標籤

元素內容

結束標籤

這是乙個段落

這是乙個鏈結

換行注意:不要忘記使用結束標籤,可能會產生不可預料的結果或錯誤。

(1)獨佔一行空間,用來布局段落,列表,導航選單,腳注等結構;

(2)高度由內容決定、寬度佔滿視窗;

(3)寬、高可以設定。

如:div、html、body、h1-h5、p…

(1)與其他元素共享一行空間

(2)寬高由內容決定

(3)寬高無法設定

如:span、i、bold…

另:塊級元素可以巢狀其他元素,行內元素不可以巢狀塊級元素

只包含單個標籤,通常用於在文件中插入部分內容,

例如 img :

替代元素已經脫離了css的範疇,它們的表現不依賴css,典型的替換元素有,,,,,,等。

元素也可以擁有屬性,與元素相關的特性稱為屬性,屬性由鍵值對組成。例如:name=「value」。屬性資訊不會出現在你的實際內容裡。比如新增乙個class屬性用於識別元素,稍後也可以根據該屬性進行一些樣式資訊的設定或者其他事情。

屬性是由屬性名和屬性值組成,屬性名與屬性值之間使用等於號「=」分割,屬性與屬性之間使用空格「 」分開,屬性值通常使用單引號或者雙引號括起來,屬性一般用於開始標籤

大多數元素都可以使用的屬性

屬性描述

class

為html元素定義乙個或多個類名(可以多個)

id唯一標識(只能寫乙個)

class

標識一類元素

style

樣式title

描述資訊

注意:屬性和屬性值最好小寫;

屬性值應該始終被包括在引號內。

HTML 學習筆記(二)

這一節,主要學習了字型和網頁文字的排版,全是乾貨 一 奉上 my second htmltitle head bgcolor 7fffaa this text is bold b this text is strongstrong this text is bigbig this text is e...

HTML學習筆記(二)

通過浮動可以使乙個元素向其父元素的左側或右側移動,使用 float 屬性來設定於元素的浮動,可選值 注意,元素設定浮動以後,水平布局的等式便不需要強制成立,元素設定浮動以後,會完全從文件流中脫離,不再占用文件流的位置,所以元素下邊的還在文件流中的元素會自動向上移動 浮動的特點 浮動元素會完全脫離文件...

HTML學習筆記B二

html基本結構的有關元素和元素屬性 head元素 1 之間的內容不會在瀏覽器的文件視窗顯示,但是其間的元素有特殊重要的意義。元素定義html文件的標題。與之間的內容將顯示在瀏覽器視窗的標題欄。head元素 2 元素 元素下面可以插入很多很有用的元素屬性。下面介紹四種 head元素 3 元素 用來標...