相關解釋:
1、<
!doctype html>
: 了解html的發展史的就知道,html有許多的版本,
其中應用廣泛的有3個:xhtml,h5,h4
.為了讓瀏覽器知道我們
使用的是哪個html版本,需要在網頁的最上面加上乙個doctype宣告,
用來告訴瀏覽器這裡使用的html的版本。注意:html4與xhtml的文件
的宣告都十分複雜,但是h5的文件宣告卻很簡單:<
!dactype html>
編寫網頁時一定要將h5的文件宣告寫在網頁的最上面。
如果不寫文件宣告,則會導致一些瀏覽器進入乙個怪異模式,
瀏覽器進入怪異模式後,會導致網頁無法正常顯示。
文件宣告使用大小寫都是無所謂的。
怪異模式:為了相容一些舊的頁面,瀏覽器設定了兩種模式,標準模式,和 怪異模式,怪異模式可能會產生一些不可預期的後果。所以盡可能加入doctype 避免。
2、
'en'
>
<
/html>:
是body標籤和head標籤的父標籤。除了文件宣告,其他的**都
要寫在html標籤裡面。
lang = 『en』 則表示這個網頁是英文網頁。
lang是language 的縮寫,en是english的縮寫,是中文的html
可以將en 改為 zh。即
'zh'
>
3、
<
/head>
: head標籤代表網頁的頭部,通常使用meta標籤設定一些描述性的資訊
使用title標籤設定網頁的標題。是body標籤的兄弟標籤。
4、
<
/body>
: 代表網頁的主體,所有網頁上可以看見的資訊,都是寫在這裡面的
5、mate標籤
一般用來做seo,charset用來設定字符集。
比如:"utf-8"
>
"keywords" content=
"html教程"
>
"description" content=
"從頭再來,html學習"
>
6、
<
/title>:
title標籤是用來設定網頁的標題。
4 HTML標籤分類
塊級元素特點 display block 1 每個塊級元素都從新的一行開始,並且其後的元素也另起一行。獨佔一行 2 元素的高度 寬度 行高以及頂和底邊距都可設定。3 元素寬度在不設定的情況下,是它本身父容器的100 和父元素的寬度一致 除非設定乙個寬度。行內元素特點 display inline 1...
4 HTML基本結構和常用標籤
html lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle head body html 網頁的整理檔案,根元素 網頁的頭部資訊,不會顯示在網頁中 網頁的元資訊...
4 HTML 屬性與使用
例如 href 這是乙個鏈結a 效果 這是乙個鏈結 html 屬性的使用 另外,屬性和屬性值對大小寫不敏感。不過,推薦小寫的屬性 屬性值。並且新版本的 x html 要求使用小寫屬性。下面列出了適用於大多數 html 元素的屬性 屬性描述 class 為html元素定義乙個或多個類名 classna...