1.網站和網頁的區別
a)網站:所謂網站就是網頁的集合
b)網頁:是內容的載體
c)關系:網站包含網頁,網頁被包含與網站中
d)首頁:所謂網站的首頁就是指網站的第一個頁面,也稱為網站的主頁,首頁包含了大量的超級鏈接,通過這些鏈接可以訪問網站的不同模塊,首頁的默認名稱index.html或default.html
2.網頁的瀏覽工具——瀏覽器
a)IE瀏覽器
b)谷歌瀏覽器
c)火狐瀏覽器
d)蘋果瀏覽器
e)歐朋瀏覽器
3.W3C:World ? ?Wide ? ?Web ? ?Consortium,萬維網聯盟(W3C理事會),該組織創建于1994年,是非盈利性組織,是Web領域技術的制定者和推薦者,它認為網頁有三大部分構成:結構、表現、行為
a)結構標準:XHTML
b)表現標準:CSS
c)行為標準:ECMAScript
4.HTML:HyperTextMarkupLanguage超文本標記語言,作用是寫網頁的基本結構,它不是編程語言,而是標記語言。
a)超文本:文本是指文字、字母、數字這些內容構成的文件,超文本則是指不僅包含上面的內容,還包含圖片、音頻、視頻的元素的文本文件
b)標記:標記也稱為標簽,標記是由一對尖括號和標記名稱所構成的元素,如<p>,每一種標記都具有自己的特定的功能和含義。標記分為單標記和雙標記
雙標記:有開始標記和結束標記構成<標記名>,如<p></p>
單標記:就是由一個標記構成的,但是在標記名后面加斜線,如<br />
5.網頁的編輯工具
a)記事本
b)notepad++
c)Editplus
d)Dreamweaver
e)Sublime
6.Sublime的使用
a)創建:Ctrl+N
b)保存:Ctrl+S
c)快速創建:! + Tap
7.HTML的基本結構
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>標題</title>
</head>
<body> ... </body>
</html>
<!doctype html>:文檔類型聲明,位于文檔的最上端,作用是告訴瀏覽器這個html文件是遵循哪個版本的HTML標準書寫的,瀏覽器會根據該標準對html代碼進行解析
<head>:網頁頭部
網頁標題
<meta charset="utf-8">:作用是支持簡體中文
<title>:作用是寫網頁標題
<body>:網頁主體,用于盛裝頁面中要顯示的內容
8.常見的html標簽
<head>、<body>、<p>、<h1>-<h6>、<div>
9.<p>用于創建一個段落,屬性有align,該屬性的作用是設置段落的對齊方式,屬性值有left(左)center(中)right(右)
10.<hx>標題標簽:用于創建標題,h1最大,h6最小,都要加粗效果,具有align,值為left /center/right
11<hr./>:水平線,屬性有:width、align、size、color
a)width:設置寬度,默認寬度為父元素的100%,可以設置自定義寬度,屬性值為屬性值或百分比
b)align:設置對齊方式,屬性值為left、center(默認)、right
c)color:設置水平線顏色,屬性值可以是顏色名稱,如red/blue/green,也可以是十六進制代碼
d)size:設置水平線的高度,屬性值為像素值
12<br/>:換行標簽,換行但是沒有換段
13.列表:無序列表、有序列表、定義列表
a)無序列表ul:列表項沒有順序,屬性有type,屬性值有disc(黑色實心圓,默認)/circle(空心圓)/square(黑色方塊)/none
<ul>
<li> ... </li>
<li> ... </li>
...
</ul>
b)有序列表ol,列表項有順序,屬性有type,屬性值是1(默認)、a、A、i、I,start屬性,設置起始編號,屬性值為數值
<ol>
<li> ... </li>
<li> ... </li>
...
<ol>
c)定義列表dl:包含定義項(標題)和描述項(內容)
<dl>
<dt> ... </dt>
<dd> ... </dd>
<dd> ... </dd>
...
</dl>