1．網站是由域名（網址），網站源程序和網站空間。
2．HTML超文本標記語言。
一：HTML基礎
1.網頁頭部內容<head></head>一般包括<title>標籤， <meta>標籤。
（1）<title>標籤用來放置網頁標題。
（2）<meta>標籤。
<head>
<meta charset="UTF-8"> GB2312簡體中文
<meta name="Generator" content="EditPlus®">頁面說明
<meta name="Author" content="zxq">
<meta name="Keywords" content="網頁設計">
<meta name="Description" content="">
<title>Document</title>
</head>
<meta>標籤：主要用於搜索引擎robots定義頁面主題信息，還可以用於用戶瀏覽器上的cookie,作者，版權信息或關鍵字；同時還可以設置頁面，使其根據定義的時間間隔刷新自己，以及設置pics內容等級。
設置頁面的刷新時間（http-equiv刷新），html代碼如下：
<meta http-equiv=”refresh” content=”2”/> //兩秒內刷新當前頁
<meta http-equiv=”refresh” content=”5；
URL=http://www.jquery.com”/> //五秒內跳轉到指定的網址。
2.網頁主題body
(1)網頁背景色
單擊屬性->頁面屬性->外觀（html）
<body bgcolor="#0066FF">
（2）網頁背景圖片
單擊屬性->頁面屬性->外觀（html）
背景圖像瀏覽
<body bgcolor="#0066FF" background="1.png">
（3）網頁文字顏色
Text=”#FF0000”
(4)超級鏈接顏色
超級鏈接文字有三種狀態：分別爲“鏈接”“活動鏈接”“已訪問鏈接”
默認情況下，“鏈接”“活動鏈接”文字的顏色是藍色，
“已訪問鏈接”文字的顏色是紫色。
link="#0000FF" vlink="#FF00CC" alink="0000FF"
鏈接：指定應用於鏈接文本的顏色（對應於link）
已訪問鏈接：指定應用於已訪問鏈接的顏色（對應於vlink）
活動鏈接：指定當鼠標（或指針）在鏈接上單擊時應用的顏色。（對應於alink）
(5)頁面邊距
網頁中的內容與頁面四邊之間的距離。
leftmargin="0"表示左邊距 topmargin="0"表示上邊距
（6）網頁文字
設置文本格式有兩種方法：使用HTML標籤格式化文本和使用層疊樣式表CSS格式化文本。
使用HTML標籤和CSS都可以控制文本屬性，包括特點字體和文字大小，粗體，斜體，下劃線，文本顏色等。
兩者的區別：使用HTML標籤僅僅對當前應用的文本有效，當改變設置時，無法實現文本的自動更新。而css則不同，通過CSS事先定義好文本樣式，當改變CSS樣式表時，所有應用該樣式的文本自動更新。
文字的語法爲：<font >網頁設計教程</font>
網頁文字的樣式，主要是設置文字的字體，字號，顏色等屬性。
<font face="宋體" size ="3" color ="#ff0">網頁設計教程</font>
Size的參數範圍是1-7，
<br />回車換行。
（7）文字顏色
<font color ="red">網頁設計教程</font><br/>
<font color="blue" size="5">網頁設計教程</font><br/>
<font color ="#f00" size="7">網頁設計教程</font>
文本的字體。
<font face="Arial,宋體">網頁製作教程</font>
（8）標題字體
<body>
<h1>一號標題</h1>
<h2>二號標題</h2>
<h3>三號標題</h3>
<h4>四號標題</h4>
</body>
(9)邏輯字體和物理字體
邏輯字體不指明字體如何顯示，而是讓Web瀏覽器自行決定顯示方式，不同的瀏覽器解釋的效果可能就不一樣。
物理字體：明確指明瞭字體的類型，無論何種瀏覽器，遇到這些表示的文字的標籤時，都用相同的方式進行顯示。
<b>粗體</b>
<i>斜體</i>
<u>下劃線</u>
<sup>上標，將文字顯示爲上標</sup>
<sub>下標，將文字顯示爲下標</sub>
<tt>用等寬字體來顯示文本，相當於打字機的效果</tt>
<s>刪除線，該標籤在指定的文本上畫一條刪除線</s>
二：常用的一些標籤
1. 段落
（1） 段落標籤
<p>這是一個段落</p>中間的內容就是表示一個段落。網頁中有多少個<p>標籤，就有多少個段落。
<body>
<p>網頁製作教程</p>
<p>第一篇：HTML篇</p>
<p>第二篇：CSS篇</p>
<p>第三篇：JavaScript篇</p>
</body>
2.回車換行<br/>
<br/>標籤就是強制換行。一個<br/>標籤換一行，如果多個<br/>標籤，就會換行多次。
3.註釋
<!--下面一段代碼的功能是……，代碼開始-->
<p>HTML代碼教程</p><br/>
<!--本段代碼結束-->
4.空格
<p>   ;網頁製作  ;   ;教程</p>
5.水平線
水平線的標籤時<hr>
(1) 寬度可以是確定的像素值，也可以是窗口的百分比。
<hr width="寬度">
<hr width="500">
<hr width="80%">
（2） 水平線高度size
<hr size="高度">
<hr size="3"/>
高度只能是像素值。
<hr color="顏色">
<hr align ="對齊方式"> left左對齊 center居中對齊 right右對齊
6．文字對齊
如果要將網頁中的文字對齊，可以使用align屬性，對齊方式喲left，center,right三種。
<p align ="left">HTML代碼教程<p>
<p align ="center">CSS教程<p>
<p align = "right">JavaScript教程<p>
<center></center>標籤，也可以實現居中對齊，這個標籤除了可以控制文字以外，還可以控制圖片或其他圖像。
7.pre標籤
Pre標籤是preformatted的簡寫，pre標籤與p標籤基本相同，唯一的區別就是該標籤中的文字內容將保留空格和換行符，並且標籤中的英文字符都將統一用等寬字體，一遍對齊。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body bgcolor="#0066FF" background="1.png">
text = "#FF0000"
link="#0000FF" vlink="#FF00CC" alink="0000FF"
leftmargin="0" topmargin="0"
<font face="宋體" size ="3" color ="#ff0">網頁設計教程</font>
<font color ="red">網頁設計教程</font><br/>
<font color="blue" size="5">網頁設計教程</font><br/>
<font color ="#f00" size="7">網頁設計教程</font>
<font face="Arial,宋體">網頁製作教程</font>
<h1>一號標題</h1>
<h2>二號標題</h2>
<h3>三號標題</h3>
<h4>四號標題</h4>
<b>粗體</b>
<i>斜體</i>
<u>下劃線</u>
<sup>上標，將文字顯示爲上標</sup>
<sub>下標，將文字顯示爲下標</sub>
<tt>用等寬字體來顯示文本，相當於打字機的效果</tt>
<s>刪除線，該標籤在指定的文本上畫一條刪除線</s>
<p>這是一個段落</p>
<p>網頁製作教程</p>
<p>第一篇：HTML篇</p>
<p>第二篇：CSS篇</p>
<p>第三篇：JavaScript篇</p>
<!--下面一段代碼的功能是……，代碼開始-->
<p>HTML代碼教程</p><br/>
<!--本段代碼結束-->
<hr width="寬度">
<hr width="500">
<hr width="80%">
<hr size="高度">
<hr size="3"/>
<hr color="顏色">
<hr align ="對齊方式"> left左對齊 center居中對齊 right右對齊
<p align ="left">HTML代碼教程<p>
<p align ="center">CSS教程<p>
<p align = "right">JavaScript教程<p>
</body>
</html>