認識網頁
網頁主要由文字、影像和超連結等元素構成。當然,除了這些元素,網頁中還可以包含音訊、視訊以及Flash等。
這個頁面只是我們所看見的網頁
思考:這些網頁的背後是什麼?
我們不妨在一個網頁中按下f12,就可以看見網頁背後隱藏著什麼!
入門篇開始~
html相關概念
-
- HTML 指的是超文字標記語言 (Hyper Text Markup Language)
-
- XHTML指可擴充套件超文字標記語言(標識語言)(EXtensible HyperText Markup Language)。表現方式與超文字標記語言(HTML)類似,不過語法上更加嚴格。 HTML5指的是HTML的第五次重大修改(第5個版本)
我們來編寫一個基本的html骨架
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
複製程式碼
解釋:我們可以把我們的網頁想象成一個人 html 是網頁的根標籤,就像是人的軀體 head 為了描述網頁的額外資訊,主要是給瀏覽器或者搜尋引擎使用 body為網頁主體內容,包含了文件中的所有內容
html標籤分類
- 1 常規標記
<標記 屬性=“屬性值” 屬性=“屬性值”></標記>
- 2 空標記
<標記 屬性=“屬性值” />
說明:
1.寫在<>中的第一個單詞叫做標記,標籤,元素。
2.標記和屬性用空格隔開,屬性和屬性值用等號連線,屬性值必須放在“”號內。
3.一個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先後順序。
4.空標記沒有結束標籤,用“/”代替。
html關係
- 1 巢狀關係
<head> <title> </title> </head>
複製程式碼
- 2 並列關係
<head></head>
<body></body>
複製程式碼
html開發者工具
html字符集
utf-8是目前最常用的字符集編碼方式,常用的字符集編碼方式還有gbk和gb2312。
gb2312 簡單中文 包括6763個漢字
BIG5 繁體中文 港澳臺等用
GBK包含全部中文字元 是GB2312的擴充套件,加入對繁體字的支援,相容GB2312
UTF-8則包含全世界所有國家需要用到的字元
今天的基礎就講到這裡,後續講解將持續更新~