html網(wǎng)站搭建(html開(kāi)發(fā)環(huán)境搭建)
2023-12-30 分類(lèi)： 網(wǎng)站建設(shè)
HTML歷史
早在1969年，美國(guó)就建立了世界上第一個(gè)電腦網(wǎng)絡(luò)—阿帕網(wǎng)。但由于當(dāng)時(shí)的電腦網(wǎng)絡(luò)只是為了數(shù)據(jù)運(yùn)算而建，與人們的日常生活相距甚遠(yuǎn)，故而網(wǎng)絡(luò)的發(fā)展非常緩慢，直到1985年，連接在阿帕網(wǎng)上的電腦主機(jī)也只有1961臺(tái)。
相對(duì)于電腦網(wǎng)絡(luò)來(lái)說(shuō)，網(wǎng)站的出現(xiàn)要晚得多。1989年，歐洲粒子物理實(shí)驗(yàn)室研究員Tim Berners-Lee，發(fā)明了一種用于網(wǎng)上交換文本的格式，即基于標(biāo)記的語(yǔ)言HTML，并創(chuàng)建了網(wǎng)上軟件平臺(tái)World Wide Web（萬(wàn)維網(wǎng)）。HTML最吸引人的地方，在于其超文本鏈接技術(shù)，通過(guò)超鏈接，可以非常方便地跳轉(zhuǎn)到其他任何一個(gè)網(wǎng)頁(yè)上。萬(wàn)維網(wǎng)實(shí)現(xiàn)了媒體思想家特德·納爾遜于1965年提出的超文本設(shè)想。萬(wàn)維網(wǎng)的出現(xiàn)，帶動(dòng)了網(wǎng)站的裂變式發(fā)展，到2006年11月，全球互聯(lián)網(wǎng)網(wǎng)站總數(shù)就已經(jīng)超過(guò)了一億大關(guān)。
1990年11月，第一個(gè)Web服務(wù)器nxoc01.cern.ch開(kāi)始運(yùn)行，Tim Berners-Lee在自己編寫(xiě)的圖形化Web瀏覽器“World Wide Web”上，看到了最早的Web頁(yè)面。
而世界上第一個(gè)網(wǎng)站（當(dāng)時(shí)的網(wǎng)址是http://nxoc01.cern.ch/hypertext/www/theproject.html）早在1992年就關(guān)閉了，然而幸運(yùn)的是這一界面卻被保留了下來(lái)，只要單擊下面這個(gè)鏈接：Multiple Choices
HTML基礎(chǔ)
HTML是目前在網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。HTML文檔是由HTML標(biāo)簽組成的描述性文本，HTML標(biāo)簽可以標(biāo)識(shí)文字、圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。
HTML語(yǔ)言作用
HTML作為一種網(wǎng)頁(yè)內(nèi)容標(biāo)識(shí)語(yǔ)言，易學(xué)易懂，熟悉使用該語(yǔ)言可以制作功能強(qiáng)大、美觀大方的網(wǎng)頁(yè)。HTML語(yǔ)言的主要作用說(shuō)明如下：
使用HTMl語(yǔ)言標(biāo)識(shí)文本。例如，定義標(biāo)題文本、段落文本、列表文本、預(yù)定義文本等。
使用HTML語(yǔ)言建立超鏈接，通過(guò)超鏈接可以訪問(wèn)互聯(lián)網(wǎng)上的所有信息，當(dāng)使用鼠標(biāo)單擊超鏈接時(shí)，會(huì)自動(dòng)跳轉(zhuǎn)到鏈接頁(yè)面。
使用HTML語(yǔ)言創(chuàng)建列表，把信息有序地組織在一起，以方便瀏覽。
使用HTMl語(yǔ)言在網(wǎng)頁(yè)中顯示圖像、聲音、視頻、動(dòng)畫(huà)等多媒體信息，把網(wǎng)頁(yè)設(shè)計(jì)得更富沖擊力。
使用HTML語(yǔ)言可以制作表格，以方便顯示大量數(shù)據(jù)。
使用HTML語(yǔ)言制作表單，允許在網(wǎng)頁(yè)內(nèi)輸入文本信息，執(zhí)行其他用戶操作，方便信息互動(dòng)。
HTML文檔基本結(jié)構(gòu)
HTML文檔一般都應(yīng)包含兩部分：頭部區(qū)域和主體區(qū)域。HTML文檔基本結(jié)構(gòu)由3個(gè)標(biāo)簽負(fù)責(zé)組織：<html>、<head>和<body>。其中<html>標(biāo)簽標(biāo)識(shí)HTML文檔，<head>標(biāo)簽標(biāo)識(shí)頭部區(qū)域，而<body>標(biāo)簽標(biāo)識(shí)主體區(qū)域。一個(gè)完整的HTML文檔基本結(jié)構(gòu)如下：每個(gè)標(biāo)簽都是成對(duì)組成，第一個(gè)標(biāo)簽（如<html>）表示標(biāo)識(shí)的開(kāi)始位置，而第二個(gè)標(biāo)簽（如</html>）表示標(biāo)識(shí)的結(jié)束位置。<html>標(biāo)簽包含<head>和<body>標(biāo)簽，而<head>和<body>標(biāo)簽是并列排列。
HTML基礎(chǔ)
編寫(xiě)HTML文檔時(shí)，必須遵循HTML語(yǔ)法規(guī)范。HTML文檔實(shí)際上就是一個(gè)文本文件，它由標(biāo)簽和信息混合組成，當(dāng)然這些標(biāo)簽和信息必須遵循一定的組合規(guī)則，否則瀏覽器是無(wú)法解析的。
HTML語(yǔ)言的規(guī)范條文不多，相信讀者也很容易理解。從邏輯上分析，這些標(biāo)簽包含的內(nèi)容就表示一類(lèi)對(duì)象，也可以稱(chēng)為網(wǎng)頁(yè)元素。從形式上分析，這些網(wǎng)頁(yè)元素通過(guò)標(biāo)簽進(jìn)行分隔，然后表達(dá)一定的語(yǔ)義。很多時(shí)候，我們把網(wǎng)頁(yè)標(biāo)簽和網(wǎng)頁(yè)元素混為一團(tuán)，而實(shí)際上，網(wǎng)頁(yè)文檔就是由元素和標(biāo)簽組成的容器。
所有標(biāo)簽都包含在“<”和“>”起止標(biāo)識(shí)符中，構(gòu)個(gè)標(biāo)簽。例如，<style>、<head>、<body>和<div>等。
在HTML文檔中，絕大多數(shù)元素都有起始標(biāo)簽和結(jié)束標(biāo)簽，在起始標(biāo)簽和結(jié)束標(biāo)簽之間包含的是元素主體。例如，<body>和</body>中間包含的就是網(wǎng)頁(yè)內(nèi)容主體。
起始標(biāo)簽包含元素的名稱(chēng)，以及可選屬性，也就是說(shuō)元素的名稱(chēng)和屬性都必須在起始標(biāo)簽中。結(jié)束標(biāo)簽以反斜杠開(kāi)始，然后附加上元素名稱(chēng)。例如：
<tag>元素主體</ta
元素的屬性包含屬性名稱(chēng)和屬性值兩部分，中間通過(guò)等號(hào)進(jìn)行連接，多個(gè)屬性之間通過(guò)空格進(jìn)行分隔。屬性與元素名稱(chēng)之間也是通過(guò)空格進(jìn)行分隔。例如：
HTML常用標(biāo)簽
HTML定義的標(biāo)簽很多，下面對(duì)常用標(biāo)簽進(jìn)行說(shuō)明，隨著讀者學(xué)習(xí)不斷深入，相信會(huì)完全掌握HTML所有標(biāo)簽的用法和使用技巧。
1．文檔結(jié)構(gòu)標(biāo)簽
文檔結(jié)構(gòu)標(biāo)簽主要用來(lái)標(biāo)識(shí)文檔的基本結(jié)構(gòu)，主要標(biāo)簽說(shuō)明如下。
<html>...</html>：標(biāo)識(shí)HTML文檔的起始和終止。
<head>...</head>：標(biāo)識(shí)HTML文檔的頭部區(qū)域。
<body>...</body>：標(biāo)識(shí)HTML文檔的主體區(qū)域。
文本格式標(biāo)簽
文本格式標(biāo)簽主要用來(lái)標(biāo)識(shí)文本區(qū)塊，并附帶一定的顯示格式，主要標(biāo)簽說(shuō)明如下。
<title>...</title>：標(biāo)識(shí)網(wǎng)頁(yè)標(biāo)題。
<hi>...</hi>：標(biāo)識(shí)標(biāo)題文本，其中i表示1、2、3、4、5、6，分別表示一級(jí)、二級(jí)、三級(jí)等標(biāo)題。
<p>...</p>：標(biāo)識(shí)段落文本。
<pre>...</pre>：標(biāo)識(shí)預(yù)定義文本。
<blockquote>...</blockquote>：標(biāo)識(shí)引用文本。字符格式標(biāo)簽
字符格式標(biāo)簽主要用來(lái)標(biāo)識(shí)部分文本字符的語(yǔ)義，很多字符標(biāo)簽可以呈現(xiàn)一定的顯示效果。例如，加粗顯示、斜體顯示或者下劃線顯示等。
在HTML文檔中，列表結(jié)構(gòu)可以分為兩種類(lèi)型：有序列表和無(wú)序列表。無(wú)序列表使用項(xiàng)目符號(hào)來(lái)標(biāo)識(shí)列表，而有序列表則使用編號(hào)來(lái)標(biāo)識(shí)列表的項(xiàng)目順序。
XHTML文檔基本結(jié)構(gòu)
完整的XHTML文檔結(jié)構(gòu)如下：
XHTML代碼不排斥HTML規(guī)則，在結(jié)構(gòu)上也基本相似，但如果仔細(xì)比較，它有兩點(diǎn)不同。
定義文檔類(lèi)型
在XHTML文檔第一行新增了<!DOCTYPE>元素。
聲明命名空間
在XHTML文檔根元素中必須使用xmlns屬性聲明文檔的命名空間。xmlns是XHTML NameSpace的縮寫(xiě)，中文翻譯為命名空間（也有人翻譯為名字空間、名稱(chēng)空間）。命名空間是收集元素類(lèi)型和屬性名字的一個(gè)詳細(xì)DTD，它允許通過(guò)一個(gè)URL地址指向來(lái)識(shí)別命名空間。
XHTML是HTML向XML過(guò)渡的標(biāo)識(shí)語(yǔ)言，它需要符合XML規(guī)則，因此也需要定義名字空間。又因?yàn)閄HTML 1.0還不允許用戶自定義元素，因此它的命名空間都相同，就是“Er是根據(jù)XML語(yǔ)法簡(jiǎn)化而來(lái)的，因此它遵循XML文檔規(guī)范。同時(shí)XHTML又大量繼承HTML語(yǔ)言語(yǔ)法規(guī)范，因此與HTML語(yǔ)言非常相似，不過(guò)它對(duì)代碼的要求更加嚴(yán)謹(jǐn)。遵循這些要求，對(duì)于培養(yǎng)良好的XHTML代碼書(shū)寫(xiě)習(xí)慣是非常重要的。
XHTML文檔類(lèi)型
XHTML 1.0支持3種DTD（型定義）聲明：過(guò)渡型（Transitional）、嚴(yán)格型（Strict）和框架型（Frameset）。
1．過(guò)渡型
這種文檔類(lèi)型對(duì)于標(biāo)簽和屬性的語(yǔ)法要求不是很?chē)?yán)格，允許在頁(yè)面中使用HTML 4.01的標(biāo)簽（符合XHTML語(yǔ)法標(biāo)準(zhǔn)）。過(guò)渡型DTD語(yǔ)句如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w1.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2．嚴(yán)格型
這類(lèi)文檔類(lèi)型對(duì)于文檔內(nèi)的代碼要求比較嚴(yán)格，不允許使用任何表現(xiàn)層的標(biāo)簽和屬性。嚴(yán)格型DTD語(yǔ)句如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w1.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
在嚴(yán)格型文檔類(lèi)型中，以下元素將不被支持。
center：居中（屬于表現(xiàn)層）。
font：字體樣式，如大小、顏色和樣式（屬于表現(xiàn)層）。
strike：刪除線（屬于表現(xiàn)層）。
s：刪除線（屬于表現(xiàn)層）。
u：文本下劃線（屬于表現(xiàn)層）。
iframe：嵌入式框架窗口（專(zhuān)用于框架文檔類(lèi)型或過(guò)渡型文檔）。
isindex：提示用戶輸入單行文本（與input元素語(yǔ)義重復(fù)）。
dir：定義目錄列表（與dl元素語(yǔ)義重復(fù)）。
menu：定義菜單列表（與ul元素語(yǔ)義重復(fù)）。
basefont：定義文檔默認(rèn)字體屬性（屬于表現(xiàn)層）。
applet：定義插件（與object元素語(yǔ)義重復(fù)）。
在嚴(yán)格型文檔類(lèi)型中，以下屬性將不被支持。
align（支持table包含的相關(guān)元素：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元素支持）。
框架型
這是一種專(zhuān)門(mén)針對(duì)框架頁(yè)面所使用的DTD，
實(shí)際上，DTD是一套關(guān)于標(biāo)簽的語(yǔ)法規(guī)則。DTD文件是一個(gè)ASCII的文本文件，后綴名為.dtd。利用DOCTYPE聲明中的URL可以訪問(wèn)指定類(lèi)型的DTD詳細(xì)信息。例如，對(duì)于XHTML 1.0過(guò)渡型DTD的URL為http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd，在Dreamweaver中打開(kāi)XHTML 1.0過(guò)渡型DTD文檔，代碼顯示如圖2.4所示。
XHTML 1.0過(guò)渡型DTD文檔
一個(gè)DTD文檔包含元素的定義規(guī)則，元素間關(guān)系的定義規(guī)則，元素可使用的屬性、實(shí)體或符號(hào)規(guī)則。這些規(guī)則用于標(biāo)簽Web文檔的內(nèi)容。此外還包括了一些其他規(guī)則，它們規(guī)定了哪些標(biāo)簽?zāi)艹霈F(xiàn)在其他標(biāo)簽中。文檔類(lèi)型不同，它們對(duì)應(yīng)的DTD也不相同。
DOCTYPE結(jié)構(gòu)圖
DOCTYPE聲明中各個(gè)部分說(shuō)明如下。
頂級(jí)元素：指定DTD中聲明的頂級(jí)元素類(lèi)型，這與聲明的SGML文檔類(lèi)型相對(duì)應(yīng)。HTML文檔默認(rèn)頂級(jí)元素為html。
可用性：指定正式公開(kāi)標(biāo)識(shí)符（FPI）是可公開(kāi)訪問(wèn)的對(duì)象（PUBLIC）還是系統(tǒng)資源（SYSTEM）。默認(rèn)為PUBLIC，SYSTEM系統(tǒng)資源包括本地文件或URL。
注冊(cè)：指定組織是否由國(guó)際標(biāo)準(zhǔn)化組織（ISO）注冊(cè)?！?”（默認(rèn)）表示組織名稱(chēng)已注冊(cè)，“-”表示組織名稱(chēng)未注冊(cè)。W3C是屬于非注冊(cè)的ISO組織，所以顯示為“-”符號(hào)。
組織：指定在!DOCTYPE聲明引用的DTD（文檔類(lèi)型定義）的創(chuàng)建和維護(hù)的團(tuán)體或組織的名稱(chēng)。HTML語(yǔ)言規(guī)范的創(chuàng)建和維護(hù)組織為W3C。
類(lèi)型：指定公開(kāi)文本的類(lèi)，即所引用的對(duì)象類(lèi)型。HTML默認(rèn)為DTD。
標(biāo)簽：指定公開(kāi)文本的描述，即對(duì)所引用的公開(kāi)文本的唯一描述性名稱(chēng)，后面可附帶版本號(hào)。HTML默認(rèn)為HTML，XHTML默認(rèn)為XHTML，后面跟隨的是語(yǔ)言版本號(hào)。
定義：指定文檔類(lèi)型定義，包含F(xiàn)rameset（框架集文檔）、Strict（嚴(yán)格型文檔）和Transitional（過(guò)渡型文檔）。Strict（嚴(yán)格型文檔）禁止使用W3C規(guī)范中指定將逐步淘汰的元素和屬性，而Transitional（過(guò)渡型文檔）可以包含除frameset元素以外的全部?jī)?nèi)容。
語(yǔ)言：指定公開(kāi)文本的語(yǔ)言，即用于創(chuàng)建所引用對(duì)象的自然語(yǔ)言編碼系統(tǒng)。該語(yǔ)言定義已編寫(xiě)為ISO 639語(yǔ)言代碼（兩個(gè)字母要大寫(xiě)），默認(rèn)為EN（英語(yǔ)）。
名字空間
在XHTML文檔中，讀者還需要注意另一個(gè)容易忽略的問(wèn)題：給<html>標(biāo)簽定義名字空間。
HTML元信息
在HTML文檔結(jié)構(gòu)的頭部區(qū)域，存儲(chǔ)著文檔的各種基本信，這些信息主要被瀏覽器所采用，不會(huì)顯示在網(wǎng)頁(yè)正文中。另外，搜索引擎也會(huì)檢索這些信息，因此重視并設(shè)置這些頭部信息將有助于提高網(wǎng)頁(yè)的訪問(wèn)率。
非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章："html網(wǎng)站搭建(html開(kāi)發(fā)環(huán)境搭建)"，僅為提供更多信息供用戶參考使用或?yàn)閷W(xué)習(xí)交流的方便。我們公司提供：網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù)，歡迎聯(lián)系我們提供您的需求。
分享名稱(chēng)：html網(wǎng)站搭建(html開(kāi)發(fā)環(huán)境搭建)
分享路徑：http://www.rwnh.cn/news10/311210.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)站內(nèi)鏈、微信公眾號(hào)、商城網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站設(shè)計(jì)
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 中小企業(yè)做網(wǎng)站優(yōu)化的好處有哪些？ 2023-12-30
- 網(wǎng)站中的黃金比例 2023-12-30
- 網(wǎng)頁(yè)設(shè)計(jì)中視頻運(yùn)用的技巧 2023-12-30
- 網(wǎng)站建設(shè)前的市場(chǎng)分析及預(yù)備 2023-12-30
- 成都營(yíng)銷(xiāo)型網(wǎng)站建設(shè)有哪些要點(diǎn)呢? 2023-12-30
- 成都專(zhuān)業(yè)網(wǎng)站制作 2023-12-30
- 成都企業(yè)建站“地基”需要這樣打！ 2023-12-30
- 企業(yè)網(wǎng)站建設(shè)該選擇拼音域名還是英文域名 2023-12-30
- 如何使用seo規(guī)則來(lái)提高你的網(wǎng)站排名 2023-12-30
- 什么是網(wǎng)絡(luò)服務(wù)器？網(wǎng)絡(luò)服務(wù)器的功能和用途 2023-12-30
- 后期關(guān)鍵字排名下降如何處理 2023-12-30
- 想出好的標(biāo)題對(duì)成都網(wǎng)站建設(shè)優(yōu)化也很有幫助 2023-12-30
- css制作購(gòu)物網(wǎng)站模板(css設(shè)計(jì)頁(yè)面樣式購(gòu)物網(wǎng)站) 2023-12-30
- 成都網(wǎng)站建設(shè)：B2C電子商城、網(wǎng)上商城購(gòu)物網(wǎng)站建設(shè)之頁(yè)面設(shè)計(jì)要領(lǐng) 2023-12-30
- 一家網(wǎng)站優(yōu)化公司所需要掌握的技術(shù)有哪些 2023-12-30
- 美國(guó)VPS和越南VPS之間的相似之處和區(qū)別 2023-12-30
- 成都網(wǎng)站建設(shè)告訴你網(wǎng)站建設(shè)中哪些元素容易被忽略。 2023-12-30
- HTML與javascript常碰到的編碼問(wèn)題 2023-12-30
- 404頁(yè)面調(diào)用為什么調(diào)用不了？ 2023-12-30