html網站搭建(html開發環境搭建)
發布時間：2025-08-08 點擊：9
html基礎html歷史
早在1969年，美國就建立了世界上第一個電腦網絡—阿帕網。但由于當時的電腦網絡只是為了數據運算而建，與人們的日常生活相距甚遠，故而網絡的發展非常緩慢，直到1985年，連接在阿帕網上的電腦主機也只有1961臺。
相對于電腦網絡來說，網站的出現要晚得多。1989年，歐洲粒子物理實驗室研究員tim berners-lee，發明了一種用于網上交換文本的格式，即基于標記的語言html，并創建了網上軟件平臺world wide web（萬維網）。html最吸引人的地方，在于其超文本鏈接技術，通過超鏈接，可以非常方便地跳轉到其他任何一個網頁上。萬維網實現了媒體思想家特德·納爾遜于1965年提出的超文本設想。萬維網的出現，帶動了網站的裂變式發展，到2006年11月，全球互聯網網站總數就已經超過了一億大關。
1990年11月，第一個web服務器nxoc01.cern.ch開始運行，tim berners-lee在自己編寫的圖形化web瀏覽器“world wide web”上，看到了最早的web頁面。
而世界上第一個網站（當時的網址是http://nxoc01.cern.ch/hypertext/www/theproject.html）早在1992年就關閉了，然而幸運的是這一界面卻被保留了下來，只要單擊下面這個鏈接：multiple choices
html基礎
html是目前在網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。html文檔是由html標簽組成的描述性文本，html標簽可以標識文字、圖形、動畫、聲音、表格、鏈接等。
html語言作用
html作為一種網頁內容標識語言，易學易懂，熟悉使用該語言可以制作功能強大、美觀大方的網頁。html語言的主要作用說明如下：
使用html語言標識文本。例如，定義標題文本、段落文本、列表文本、預定義文本等。
使用html語言建立超鏈接，通過超鏈接可以訪問互聯網上的所有信息，當使用鼠標單擊超鏈接時，會自動跳轉到鏈接頁面。
使用html語言創建列表，把信息有序地組織在一起，以方便瀏覽。
使用html語言在網頁中顯示圖像、聲音、視頻、動畫等多媒體信息，把網頁設計得更富沖擊力。
使用html語言可以制作表格，以方便顯示大量數據。
使用html語言制作表單，允許在網頁內輸入文本信息，執行其他用戶操作，方便信息互動。
html文檔基本結構
html文檔一般都應包含兩部分：頭部區域和主體區域。html文檔基本結構由3個標簽負責組織：<html>、<head>和<body>。其中<html>標簽標識html文檔，<head>標簽標識頭部區域，而<body>標簽標識主體區域。一個完整的html文檔基本結構如下：每個標簽都是成對組成，第一個標簽（如<html>）表示標識的開始位置，而第二個標簽（如</html>）表示標識的結束位置。<html>標簽包含<head>和<body>標簽，而<head>和<body>標簽是并列排列。
html基礎
編寫html文檔時，必須遵循html語法規范。html文檔實際上就是一個文本文件，它由標簽和信息混合組成，當然這些標簽和信息必須遵循一定的組合規則，否則瀏覽器是無法解析的。
html語言的規范條文不多，相信讀者也很容易理解。從邏輯上分析，這些標簽包含的內容就表示一類對象，也可以稱為網頁元素。從形式上分析，這些網頁元素通過標簽進行分隔，然后表達一定的語義。很多時候，我們把網頁標簽和網頁元素混為一團，而實際上，網頁文檔就是由元素和標簽組成的容器。
所有標簽都包含在“<”和“>”起止標識符中，構個標簽。例如，<style>、<head>、<body>和<div>等。
在html文檔中，絕大多數元素都有起始標簽和結束標簽，在起始標簽和結束標簽之間包含的是元素主體。例如，<body>和</body>中間包含的就是網頁內容主體。
起始標簽包含元素的名稱，以及可選屬性，也就是說元素的名稱和屬性都必須在起始標簽中。結束標簽以反斜杠開始，然后附加上元素名稱。例如：
<tag>元素主體</ta
元素的屬性包含屬性名稱和屬性值兩部分，中間通過等號進行連接，多個屬性之間通過空格進行分隔。屬性與元素名稱之間也是通過空格進行分隔。例如：
html常用標簽
html定義的標簽很多，下面對常用標簽進行說明，隨著讀者學習不斷深入，相信會完全掌握html所有標簽的用法和使用技巧。
1．文檔結構標簽
文檔結構標簽主要用來標識文檔的基本結構，主要標簽說明如下。
<html>...</html>：標識html文檔的起始和終止。
<head>...</head>：標識html文檔的頭部區域。
<body>...</body>：標識html文檔的主體區域。
文本格式標簽
文本格式標簽主要用來標識文本區塊，并附帶一定的顯示格式，主要標簽說明如下。
<title>...</title>：標識網頁標題。
<hi>...</hi>：標識標題文本，其中i表示1、2、3、4、5、6，分別表示一級、二級、三級等標題。
<p>...</p>：標識段落文本。
<pre>...</pre>：標識預定義文本。
<blockquote>...</blockquote>：標識引用文本。字符格式標簽
字符格式標簽主要用來標識部分文本字符的語義，很多字符標簽可以呈現一定的顯示效果。例如，加粗顯示、斜體顯示或者下劃線顯示等。
在html文檔中，列表結構可以分為兩種類型：有序列表和無序列表。無序列表使用項目符號來標識列表，而有序列表則使用編號來標識列表的項目順序。
xhtml文檔基本結構
完整的xhtml文檔結構如下：
xhtml代碼不排斥html規則，在結構上也基本相似，但如果仔細比較，它有兩點不同。
定義文檔類型
在xhtml文檔第一行新增了<!doctype>元素。
聲明命名空間
在xhtml文檔根元素中必須使用xmlns屬性聲明文檔的命名空間。xmlns是xhtml namespace的縮寫，中文翻譯為命名空間（也有人翻譯為名字空間、名稱空間）。命名空間是收集元素類型和屬性名字的一個詳細dtd，它允許通過一個url地址指向來識別命名空間。
xhtml是html向xml過渡的標識語言，它需要符合xml規則，因此也需要定義名字空間。又因為xhtml 1.0還不允許用戶自定義元素，因此它的命名空間都相同，就是“er是根據xml語法簡化而來的，因此它遵循xml文檔規范。同時xhtml又大量繼承html語言語法規范，因此與html語言非常相似，不過它對代碼的要求更加嚴謹。遵循這些要求，對于培養良好的xhtml代碼書寫習慣是非常重要的。
xhtml文檔類型
xhtml 1.0支持3種dtd（型定義）聲明：過渡型（transitional）、嚴格型（strict）和框架型（frameset）。
1．過渡型
這種文檔類型對于標簽和屬性的語法要求不是很嚴格，允許在頁面中使用html 4.01的標簽（符合xhtml語法標準）。過渡型dtd語句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
2．嚴格型
這類文檔類型對于文檔內的代碼要求比較嚴格，不允許使用任何表現層的標簽和屬性。嚴格型dtd語句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
在嚴格型文檔類型中，以下元素將不被支持。
center：居中（屬于表現層）。
font：字體樣式，如大小、顏色和樣式（屬于表現層）。
strike：刪除線（屬于表現層）。
s：刪除線（屬于表現層）。
u：文本下劃線（屬于表現層）。
iframe：嵌入式框架窗口（專用于框架文檔類型或過渡型文檔）。
isindex：提示用戶輸入單行文本（與input元素語義重復）。
dir：定義目錄列表（與dl元素語義重復）。
menu：定義菜單列表（與ul元素語義重復）。
basefont：定義文檔默認字體屬性（屬于表現層）。
applet：定義插件（與object元素語義重復）。
在嚴格型文檔類型中，以下屬性將不被支持。
align（支持table包含的相關元素：tr、td、th、col、colgroup、thead、tbody、tfoot）。
language。
background。
bgcolor。
border（table元素支持）。
height（img和object元素支持）。
hspace。
name（在html 4.01 strict中支持，在xhtml 1.0 strict中的form和img元素不支持）。
noshade。
nowrap。
target。
text、link、vlink和alink。
vspace。
width（img、object、table、col和colgroup元素支持）。
框架型
這是一種專門針對框架頁面所使用的dtd，
實際上，dtd是一套關于標簽的語法規則。dtd文件是一個ascii的文本文件，后綴名為.dtd。利用doctype聲明中的url可以訪問指定類型的dtd詳細信息。例如，對于xhtml 1.0過渡型dtd的url為http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd，在dreamweaver中打開xhtml 1.0過渡型dtd文檔，代碼顯示如圖2.4所示。
xhtml 1.0過渡型dtd文檔
一個dtd文檔包含元素的定義規則，元素間關系的定義規則，元素可使用的屬性、實體或符號規則。這些規則用于標簽web文檔的內容。此外還包括了一些其他規則，它們規定了哪些標簽能出現在其他標簽中。文檔類型不同，它們對應的dtd也不相同。
doctype結構圖
doctype聲明中各個部分說明如下。
頂級元素：指定dtd中聲明的頂級元素類型，這與聲明的sgml文檔類型相對應。html文檔默認頂級元素為html。
可用性：指定正式公開標識符（fpi）是可公開訪問的對象（public）還是系統資源（system）。默認為public，system系統資源包括本地文件或url。
注冊：指定組織是否由國際標準化組織（iso）注冊。“+”（默認）表示組織名稱已注冊，“-”表示組織名稱未注冊。w3c是屬于非注冊的iso組織，所以顯示為“-”符號。
組織：指定在!doctype聲明引用的dtd（文檔類型定義）的創建和維護的團體或組織的名稱。html語言規范的創建和維護組織為w3c。
類型：指定公開文本的類，即所引用的對象類型。html默認為dtd。
標簽：指定公開文本的描述，即對所引用的公開文本的唯一描述性名稱，后面可附帶版本號。html默認為html，xhtml默認為xhtml，后面跟隨的是語言版本號。
定義：指定文檔類型定義，包含frameset（框架集文檔）、strict（嚴格型文檔）和transitional（過渡型文檔）。strict（嚴格型文檔）禁止使用w3c規范中指定將逐步淘汰的元素和屬性，而transitional（過渡型文檔）可以包含除frameset元素以外的全部內容。
語言：指定公開文本的語言，即用于創建所引用對象的自然語言編碼系統。該語言定義已編寫為iso 639語言代碼（兩個字母要大寫），默認為en（英語）。
名字空間
在xhtml文檔中，讀者還需要注意另一個容易忽略的問題：給<html>標簽定義名字空間。
html元信息
在html文檔結構的頭部區域，存儲著文檔的各種基本信，這些信息主要被瀏覽器所采用，不會顯示在網頁正文中。另外，搜索引擎也會檢索這些信息，因此重視并設置這些頭部信息將有助于提高網頁的訪問率。
機架服務器和刀片服務器的優缺點
無錫到舟山物流專線
濟南到蚌埠物流專線
溫州到瓦房店物流專線
泉州到阿拉爾物流專線
太原到灌云物流專線
石家莊到懷化物流專線
廣州到永新物流專線
早在1969年，美國就建立了世界上第一個電腦網絡—阿帕網。但由于當時的電腦網絡只是為了數據運算而建，與人們的日常生活相距甚遠，故而網絡的發展非常緩慢，直到1985年，連接在阿帕網上的電腦主機也只有1961臺。
相對于電腦網絡來說，網站的出現要晚得多。1989年，歐洲粒子物理實驗室研究員tim berners-lee，發明了一種用于網上交換文本的格式，即基于標記的語言html，并創建了網上軟件平臺world wide web（萬維網）。html最吸引人的地方，在于其超文本鏈接技術，通過超鏈接，可以非常方便地跳轉到其他任何一個網頁上。萬維網實現了媒體思想家特德·納爾遜于1965年提出的超文本設想。萬維網的出現，帶動了網站的裂變式發展，到2006年11月，全球互聯網網站總數就已經超過了一億大關。
1990年11月，第一個web服務器nxoc01.cern.ch開始運行，tim berners-lee在自己編寫的圖形化web瀏覽器“world wide web”上，看到了最早的web頁面。
而世界上第一個網站（當時的網址是http://nxoc01.cern.ch/hypertext/www/theproject.html）早在1992年就關閉了，然而幸運的是這一界面卻被保留了下來，只要單擊下面這個鏈接：multiple choices
html基礎
html是目前在網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。html文檔是由html標簽組成的描述性文本，html標簽可以標識文字、圖形、動畫、聲音、表格、鏈接等。
html語言作用
html作為一種網頁內容標識語言，易學易懂，熟悉使用該語言可以制作功能強大、美觀大方的網頁。html語言的主要作用說明如下：
使用html語言標識文本。例如，定義標題文本、段落文本、列表文本、預定義文本等。
使用html語言建立超鏈接，通過超鏈接可以訪問互聯網上的所有信息，當使用鼠標單擊超鏈接時，會自動跳轉到鏈接頁面。
使用html語言創建列表，把信息有序地組織在一起，以方便瀏覽。
使用html語言在網頁中顯示圖像、聲音、視頻、動畫等多媒體信息，把網頁設計得更富沖擊力。
使用html語言可以制作表格，以方便顯示大量數據。
使用html語言制作表單，允許在網頁內輸入文本信息，執行其他用戶操作，方便信息互動。
html文檔基本結構
html文檔一般都應包含兩部分：頭部區域和主體區域。html文檔基本結構由3個標簽負責組織：<html>、<head>和<body>。其中<html>標簽標識html文檔，<head>標簽標識頭部區域，而<body>標簽標識主體區域。一個完整的html文檔基本結構如下：每個標簽都是成對組成，第一個標簽（如<html>）表示標識的開始位置，而第二個標簽（如</html>）表示標識的結束位置。<html>標簽包含<head>和<body>標簽，而<head>和<body>標簽是并列排列。
html基礎
編寫html文檔時，必須遵循html語法規范。html文檔實際上就是一個文本文件，它由標簽和信息混合組成，當然這些標簽和信息必須遵循一定的組合規則，否則瀏覽器是無法解析的。
html語言的規范條文不多，相信讀者也很容易理解。從邏輯上分析，這些標簽包含的內容就表示一類對象，也可以稱為網頁元素。從形式上分析，這些網頁元素通過標簽進行分隔，然后表達一定的語義。很多時候，我們把網頁標簽和網頁元素混為一團，而實際上，網頁文檔就是由元素和標簽組成的容器。
所有標簽都包含在“<”和“>”起止標識符中，構個標簽。例如，<style>、<head>、<body>和<div>等。
在html文檔中，絕大多數元素都有起始標簽和結束標簽，在起始標簽和結束標簽之間包含的是元素主體。例如，<body>和</body>中間包含的就是網頁內容主體。
起始標簽包含元素的名稱，以及可選屬性，也就是說元素的名稱和屬性都必須在起始標簽中。結束標簽以反斜杠開始，然后附加上元素名稱。例如：
<tag>元素主體</ta
元素的屬性包含屬性名稱和屬性值兩部分，中間通過等號進行連接，多個屬性之間通過空格進行分隔。屬性與元素名稱之間也是通過空格進行分隔。例如：
html常用標簽
html定義的標簽很多，下面對常用標簽進行說明，隨著讀者學習不斷深入，相信會完全掌握html所有標簽的用法和使用技巧。
1．文檔結構標簽
文檔結構標簽主要用來標識文檔的基本結構，主要標簽說明如下。
<html>...</html>：標識html文檔的起始和終止。
<head>...</head>：標識html文檔的頭部區域。
<body>...</body>：標識html文檔的主體區域。
文本格式標簽
文本格式標簽主要用來標識文本區塊，并附帶一定的顯示格式，主要標簽說明如下。
<title>...</title>：標識網頁標題。
<hi>...</hi>：標識標題文本，其中i表示1、2、3、4、5、6，分別表示一級、二級、三級等標題。
<p>...</p>：標識段落文本。
<pre>...</pre>：標識預定義文本。
<blockquote>...</blockquote>：標識引用文本。字符格式標簽
字符格式標簽主要用來標識部分文本字符的語義，很多字符標簽可以呈現一定的顯示效果。例如，加粗顯示、斜體顯示或者下劃線顯示等。
在html文檔中，列表結構可以分為兩種類型：有序列表和無序列表。無序列表使用項目符號來標識列表，而有序列表則使用編號來標識列表的項目順序。
xhtml文檔基本結構
完整的xhtml文檔結構如下：
xhtml代碼不排斥html規則，在結構上也基本相似，但如果仔細比較，它有兩點不同。
定義文檔類型
在xhtml文檔第一行新增了<!doctype>元素。
聲明命名空間
在xhtml文檔根元素中必須使用xmlns屬性聲明文檔的命名空間。xmlns是xhtml namespace的縮寫，中文翻譯為命名空間（也有人翻譯為名字空間、名稱空間）。命名空間是收集元素類型和屬性名字的一個詳細dtd，它允許通過一個url地址指向來識別命名空間。
xhtml是html向xml過渡的標識語言，它需要符合xml規則，因此也需要定義名字空間。又因為xhtml 1.0還不允許用戶自定義元素，因此它的命名空間都相同，就是“er是根據xml語法簡化而來的，因此它遵循xml文檔規范。同時xhtml又大量繼承html語言語法規范，因此與html語言非常相似，不過它對代碼的要求更加嚴謹。遵循這些要求，對于培養良好的xhtml代碼書寫習慣是非常重要的。
xhtml文檔類型
xhtml 1.0支持3種dtd（型定義）聲明：過渡型（transitional）、嚴格型（strict）和框架型（frameset）。
1．過渡型
這種文檔類型對于標簽和屬性的語法要求不是很嚴格，允許在頁面中使用html 4.01的標簽（符合xhtml語法標準）。過渡型dtd語句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
2．嚴格型
這類文檔類型對于文檔內的代碼要求比較嚴格，不允許使用任何表現層的標簽和屬性。嚴格型dtd語句如下：
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"
"http://www.w1.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
在嚴格型文檔類型中，以下元素將不被支持。
center：居中（屬于表現層）。
font：字體樣式，如大小、顏色和樣式（屬于表現層）。
strike：刪除線（屬于表現層）。
s：刪除線（屬于表現層）。
u：文本下劃線（屬于表現層）。
iframe：嵌入式框架窗口（專用于框架文檔類型或過渡型文檔）。
isindex：提示用戶輸入單行文本（與input元素語義重復）。
dir：定義目錄列表（與dl元素語義重復）。
menu：定義菜單列表（與ul元素語義重復）。
basefont：定義文檔默認字體屬性（屬于表現層）。
applet：定義插件（與object元素語義重復）。
在嚴格型文檔類型中，以下屬性將不被支持。
align（支持table包含的相關元素：tr、td、th、col、colgroup、thead、tbody、tfoot）。
language。
background。
bgcolor。
border（table元素支持）。
height（img和object元素支持）。
hspace。
name（在html 4.01 strict中支持，在xhtml 1.0 strict中的form和img元素不支持）。
noshade。
nowrap。
target。
text、link、vlink和alink。
vspace。
width（img、object、table、col和colgroup元素支持）。
框架型
這是一種專門針對框架頁面所使用的dtd，
實際上，dtd是一套關于標簽的語法規則。dtd文件是一個ascii的文本文件，后綴名為.dtd。利用doctype聲明中的url可以訪問指定類型的dtd詳細信息。例如，對于xhtml 1.0過渡型dtd的url為http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd，在dreamweaver中打開xhtml 1.0過渡型dtd文檔，代碼顯示如圖2.4所示。
xhtml 1.0過渡型dtd文檔
一個dtd文檔包含元素的定義規則，元素間關系的定義規則，元素可使用的屬性、實體或符號規則。這些規則用于標簽web文檔的內容。此外還包括了一些其他規則，它們規定了哪些標簽能出現在其他標簽中。文檔類型不同，它們對應的dtd也不相同。
doctype結構圖
doctype聲明中各個部分說明如下。
頂級元素：指定dtd中聲明的頂級元素類型，這與聲明的sgml文檔類型相對應。html文檔默認頂級元素為html。
可用性：指定正式公開標識符（fpi）是可公開訪問的對象（public）還是系統資源（system）。默認為public，system系統資源包括本地文件或url。
注冊：指定組織是否由國際標準化組織（iso）注冊。“+”（默認）表示組織名稱已注冊，“-”表示組織名稱未注冊。w3c是屬于非注冊的iso組織，所以顯示為“-”符號。
組織：指定在!doctype聲明引用的dtd（文檔類型定義）的創建和維護的團體或組織的名稱。html語言規范的創建和維護組織為w3c。
類型：指定公開文本的類，即所引用的對象類型。html默認為dtd。
標簽：指定公開文本的描述，即對所引用的公開文本的唯一描述性名稱，后面可附帶版本號。html默認為html，xhtml默認為xhtml，后面跟隨的是語言版本號。
定義：指定文檔類型定義，包含frameset（框架集文檔）、strict（嚴格型文檔）和transitional（過渡型文檔）。strict（嚴格型文檔）禁止使用w3c規范中指定將逐步淘汰的元素和屬性，而transitional（過渡型文檔）可以包含除frameset元素以外的全部內容。
語言：指定公開文本的語言，即用于創建所引用對象的自然語言編碼系統。該語言定義已編寫為iso 639語言代碼（兩個字母要大寫），默認為en（英語）。
名字空間
在xhtml文檔中，讀者還需要注意另一個容易忽略的問題：給<html>標簽定義名字空間。
html元信息
在html文檔結構的頭部區域，存儲著文檔的各種基本信，這些信息主要被瀏覽器所采用，不會顯示在網頁正文中。另外，搜索引擎也會檢索這些信息，因此重視并設置這些頭部信息將有助于提高網頁的訪問率。
機架服務器和刀片服務器的優缺點
無錫到舟山物流專線
濟南到蚌埠物流專線
溫州到瓦房店物流專線
泉州到阿拉爾物流專線
太原到灌云物流專線
石家莊到懷化物流專線
廣州到永新物流專線
上一篇：無錫到鹿邑物流專線
下一篇：到底要如何檢查自己網站的相關性