只需要記住: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 元素 用來標...