HTML5基礎(chǔ)
1.1 web基礎(chǔ)知識
- 1.1.1 web與internet
- internet是把各個客戶端連接起來的網(wǎng)絡(luò)，它主要提供的服務(wù)有Telent、Email、WWW滤奈、BBS、FTP等撩满。
- web是運行在internet上的應(yīng)用之一蜒程，internet為web提供了網(wǎng)絡(luò)環(huán)境。
- 1.1.2 web簡介
- web又稱萬維網(wǎng)WWW（World Wide Web）伺帘。
- web其實就是無數(shù)文檔的集合昭躺，這些文檔駐留在因特網(wǎng)的某個地方。
- 1.1.3 web的工作原理
- web是基于internet的一個多媒體信息服務(wù)系統(tǒng)伪嫁，由web服務(wù)器领炫、瀏覽器、http協(xié)議組成张咳。
- web服務(wù)器主要以網(wǎng)頁形式發(fā)布信息帝洪，網(wǎng)頁采用HTML編寫。
- 瀏覽器嵌有解釋器脚猾，可以解釋HTML文檔葱峡。
- 1.1.4 web的相關(guān)技術(shù)
- 服務(wù)器端提供數(shù)據(jù)庫訪問功能，即PHP/JSP/ASP婚陪。
- 客戶端由瀏覽器來解釋執(zhí)行族沃，即HTML/CSS/JS。
1.2 HTML入門
1.2.1 HTML概述
HTML指的是超文本標(biāo)記語言（Hyper Text Markup Language）泌参。
HTML使用標(biāo)簽來形容網(wǎng)頁,HTML文檔也被稱為網(wǎng)頁脆淹。
1.2.2 HTML基礎(chǔ)語法
標(biāo)記語法分為單標(biāo)記（空標(biāo)記）、雙標(biāo)記沽一。
元素是兩對尖括號之間的內(nèi)容
<p>這是一個段落</p>
其中“這是一個段落”就是p的元素盖溺。常用的元素有
<html> <head> <body> <h1> <p> <meta>屬性是用來修飾元素的，一個元素可以有多個屬性铣缠，多個屬性不分先后烘嘱。每個屬性都有值昆禽，屬性的值包含在引號中。
<h1 align="center">daily</h1>
其中“align”是屬性蝇庭，“center”是屬性的值醉鳖。注釋是為了方便查看程序，在瀏覽器中不會展示出來哮内。
``1.2.3文檔結(jié)構(gòu)
下面是一個HTML的骨架
這是注釋的使用方法 `<!DOCTYPE html>`
<html>
`<head>`
<title>文檔的標(biāo)題</title>
`<meta charset="utf-8"> <meta name="author" content="阿凉"> <meta name="keywords"content="關(guān)鍵字"> <meta name="description" content="對網(wǎng)頁的描述"> </head>`
<body>
` <h1 align="center">這是標(biāo)題</h1>`
<p>這是段落</p>
</body>
</html>
1.3 文本
- 1.3.1 文本和特殊字符
- 文本是顯示在瀏覽器的內(nèi)容盗棵，直接書寫的文本會用瀏覽器默認(rèn)的樣式顯示。包含在標(biāo)記中的文本會用標(biāo)記的樣式顯示出來北发。
- 許多字符并不能直接使用需要使用它們的轉(zhuǎn)義字符纹因，比如空格、<琳拨、>瞭恰。
- 1.3.2 文本標(biāo)記
- 元素分為標(biāo)題元素、段落元素狱庇、換行元素惊畏、分區(qū)元素等。
- 標(biāo)題元素可分為標(biāo)題1到標(biāo)題6
<h#>...</h#>
#=1僵井，2陕截，3驳棱，4批什，5，6
標(biāo)題元素常用的屬性是align="center"
- 段落元素（p）中的文本會用單獨的段落顯示社搅。
- 使用換行元素（br）可以在任何地方換行
- 分區(qū)元素（div和span）
div是塊分區(qū)元素驻债，span是行內(nèi)分區(qū)元素。 - 分割線元素（hr）
用于在頁面建立一條水平線形葬，將頁面的不同部分分隔開
