1.網(wǎng)站和網(wǎng)頁(yè)的區(qū)別
a)網(wǎng)站:所謂網(wǎng)站就是網(wǎng)頁(yè)的集合
b)網(wǎng)頁(yè):是內(nèi)容的載體
c)關(guān)系:網(wǎng)站包含網(wǎng)頁(yè),網(wǎng)頁(yè)被包含與網(wǎng)站中
d)首頁(yè):所謂網(wǎng)站的首頁(yè)就是指網(wǎng)站的第一個(gè)頁(yè)面愧驱,也稱為網(wǎng)站的主頁(yè)由桌,首頁(yè)包含了大量的超級(jí)鏈接嬉探,通過(guò)這些鏈接可以訪問(wèn)網(wǎng)站的不同模塊颠放,首頁(yè)的默認(rèn)名稱index.html或default.html
2.網(wǎng)頁(yè)的瀏覽工具——瀏覽器
a)IE瀏覽器
b)谷歌瀏覽器
c)火狐瀏覽器
d)蘋果瀏覽器
e)歐朋瀏覽器
3.W3C:World ? ?Wide ? ?Web ? ?Consortium,萬(wàn)維網(wǎng)聯(lián)盟(W3C理事會(huì))运准,該組織創(chuàng)建于1994年幌氮,是非盈利性組織,是Web領(lǐng)域技術(shù)的制定者和推薦者胁澳,它認(rèn)為網(wǎng)頁(yè)有三大部分構(gòu)成:結(jié)構(gòu)该互、表現(xiàn)、行為
a)結(jié)構(gòu)標(biāo)準(zhǔn):XHTML
b)表現(xiàn)標(biāo)準(zhǔn):CSS
c)行為標(biāo)準(zhǔn):ECMAScript
4.HTML:HyperTextMarkupLanguage超文本標(biāo)記語(yǔ)言听哭,作用是寫網(wǎng)頁(yè)的基本結(jié)構(gòu)慢洋,它不是編程語(yǔ)言塘雳,而是標(biāo)記語(yǔ)言陆盘。
a)超文本:文本是指文字普筹、字母、數(shù)字這些內(nèi)容構(gòu)成的文件隘马,超文本則是指不僅包含上面的內(nèi)容太防,還包含圖片、音頻酸员、視頻的元素的文本文件
b)標(biāo)記:標(biāo)記也稱為標(biāo)簽蜒车,標(biāo)記是由一對(duì)尖括號(hào)和標(biāo)記名稱所構(gòu)成的元素,如<p>幔嗦,每一種標(biāo)記都具有自己的特定的功能和含義酿愧。標(biāo)記分為單標(biāo)記和雙標(biāo)記
雙標(biāo)記:有開始標(biāo)記和結(jié)束標(biāo)記構(gòu)成<標(biāo)記名>,如<p></p>
單標(biāo)記:就是由一個(gè)標(biāo)記構(gòu)成的邀泉,但是在標(biāo)記名后面加斜線嬉挡,如<br />
5.網(wǎng)頁(yè)的編輯工具
a)記事本
b)notepad++
c)Editplus
d)Dreamweaver
e)Sublime
6.Sublime的使用
a)創(chuàng)建:Ctrl+N
b)保存:Ctrl+S
c)快速創(chuàng)建:! + Tap
7.HTML的基本結(jié)構(gòu)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>標(biāo)題</title>
</head>
<body> ... </body>
</html>
<!doctype html>:文檔類型聲明,位于文檔的最上端汇恤,作用是告訴瀏覽器這個(gè)html文件是遵循哪個(gè)版本的HTML標(biāo)準(zhǔn)書寫的庞钢,瀏覽器會(huì)根據(jù)該標(biāo)準(zhǔn)對(duì)html代碼進(jìn)行解析
<head>:網(wǎng)頁(yè)頭部
網(wǎng)頁(yè)標(biāo)題
<meta charset="utf-8">:作用是支持簡(jiǎn)體中文
<title>:作用是寫網(wǎng)頁(yè)標(biāo)題
<body>:網(wǎng)頁(yè)主體,用于盛裝頁(yè)面中要顯示的內(nèi)容
8.常見的html標(biāo)簽
<head>因谎、<body>基括、<p>、<h1>-<h6>财岔、<div>
9.<p>用于創(chuàng)建一個(gè)段落风皿,屬性有align,該屬性的作用是設(shè)置段落的對(duì)齊方式匠璧,屬性值有l(wèi)eft(左)center(中)right(右)
10.<hx>標(biāo)題標(biāo)簽:用于創(chuàng)建標(biāo)題桐款,h1最大,h6最小患朱,都要加粗效果鲁僚,具有align,值為left /center/right
11<hr./>:水平線裁厅,屬性有:width冰沙、align、size执虹、color
a)width:設(shè)置寬度拓挥,默認(rèn)寬度為父元素的100%,可以設(shè)置自定義寬度袋励,屬性值為屬性值或百分比
b)align:設(shè)置對(duì)齊方式侥啤,屬性值為left当叭、center(默認(rèn))、right
c)color:設(shè)置水平線顏色盖灸,屬性值可以是顏色名稱蚁鳖,如red/blue/green,也可以是十六進(jìn)制代碼
d)size:設(shè)置水平線的高度赁炎,屬性值為像素值
12<br/>:換行標(biāo)簽醉箕,換行但是沒(méi)有換段
13.列表:無(wú)序列表、有序列表徙垫、定義列表
a)無(wú)序列表ul:列表項(xiàng)沒(méi)有順序讥裤,屬性有type,屬性值有disc(黑色實(shí)心圓姻报,默認(rèn))/circle(空心圓)/square(黑色方塊)/none
<ul>
<li> ... </li>
<li> ... </li>
...
</ul>
b)有序列表ol己英,列表項(xiàng)有順序,屬性有type吴旋,屬性值是1(默認(rèn))损肛、a、A邮府、i荧关、I,start屬性褂傀,設(shè)置起始編號(hào)忍啤,屬性值為數(shù)值
<ol>
<li> ... </li>
<li> ... </li>
...
<ol>
c)定義列表dl:包含定義項(xiàng)(標(biāo)題)和描述項(xiàng)(內(nèi)容)
<dl>
<dt> ... </dt>
<dd> ... </dd>
<dd> ... </dd>
...
</dl>