HTML入門
. C/S架構和B/S架構
C/S: client/server 客戶端伺服器架構
B/S: browser/server 瀏覽器伺服器架構
優勢:
C/S: 1.需要下載,安裝 2.伺服器和客戶端都需要更新 3.開發維護成本高
B/S: 1.不需要下載,安裝 2.只需要更新伺服器 3.開發維護成本低
二. 瀏覽器訪問伺服器的方式
協議://域名(:埠號)/文件
http://www.163.com/index.html
三. 網頁的組成
html css javascript
四. html
Hypertext Markup Language 稱之為超文本標記語言,又叫超文本標籤語言
作用:不需用編譯,通過瀏覽器執行
文件後綴: .html或者.htm (建議大家使用第一種)
Advertisements
修改文件後綴:
組織---->文件夾搜索選項------>查看---->隱藏已知文件的擴展名去掉前邊對勾(這樣才能在生成html文件時不會誤生成text文件)
五. 開發工具
編輯工具: notepad++
調試工具: chrome(谷歌)
六. 標籤
標籤: 以<>包含的特定的字元串, 通常有開始標籤和結束標籤
雙邊標籤(比翼雙飛): <標籤名>內容</標籤名>
單邊標籤(單身狗): <標籤名 />
屬性: 對標籤進行一定的修飾.
<標籤名 屬性名1="值1" 屬性名2='值2' 屬性名3=值3>內容</標籤名>
建議大家對屬性值使用""引起來
Advertisements
元素: 一個完整的標籤就是一個元素
七. 指定字符集:
<meta charset="utf-8"/>
設置字符集步驟:
1.文件保存的編碼格式
選項---->轉為utf-8無bom格式
2.瀏覽器執行文件的編碼格式
<meta charset="utf-8"/>
八. 全局架構標籤
<html>
<head></head>
<body></body>
</html>
注意:
1.所有的內容必須寫到html標籤中
2.head標籤中的內容不在瀏覽器中顯示
3.body裡邊的內容顯示瀏覽器中
九. 幾乎每個標籤都要有的屬性(結合css/js)
class name id style
十. 字元實體 ( 空格)
http://w3school.com.cn/tags/html_ref_entities.html(可以在這個網站查看所有的字元實體)
十一. 常用標籤(文本修飾)
標題: h1-h6 h1最大 h6最小
加粗: <b></b> <strong></strong>
斜線: <i></i><cite></cite><em></em>
下劃線: <u></u>
刪除線: <s></s>
上標: <sup></sup>
下標: <sub></sub>
字體: <font></font>(size/color/face)
滾動: <marquee></marquee>(direction/scrollamount/loop)
十二. 常用標籤(格式控制)
段落: <p></p>
換行: <br />
不換行: <nobr></nobr>
水平線: <hr />(單標籤)
原型輸出: <pre></pre>
無序列表: <ul></ul><li></li>(type:circle/square/desc)
有序列表: <ol></ol><li><li>(type:a/A/i/I start )
自定義列表: <dl></dl><dt></dt><dd></dd>
總結: 1.容錯性強
2.不區分大小寫(強制使用小寫)
3.可以嵌套
<html> <head> <meta charset="utf-8"/> </head> <body> <marquee direction="right" scrollamount='100' loop=1>雞年大吉,財源滾滾</marquee><br /><!--marquee這個標籤是滾動-->