新聞資訊

成都網(wǎng)站優(yōu)化認(rèn)識HTML語言并在DW中建立站點(diǎn)

日期：2018-09-28 17:14 訪問：1096次作者：

今天小編帶領(lǐng)大家走進(jìn)我們成都華信智原前端老師的課堂，一起了解HTML的相關(guān)知識，本次分享是第一節(jié)課哦，后續(xù)還會陸續(xù)更新全部課程知識，一起學(xué)習(xí)前端吧！

這節(jié)課的目標(biāo)是認(rèn)識HTML是什么以及學(xué)會在DW中建立站點(diǎn)，并發(fā)布自己的第一個html頁面。

一、認(rèn)識HTML

HTML概念：超本文標(biāo)記語言（HyperText Markup Language）

超文本：瀏覽器就可以解釋的，比如http（超文本傳輸協(xié)議）。官方解釋：“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

標(biāo)記語言：由一個一個的標(biāo)記組成的語言。比如段落是

…

這個標(biāo)記表示，圖像是由這個標(biāo)記表示。超鏈接是…標(biāo)記表示。學(xué)習(xí)標(biāo)記語言的關(guān)鍵是明白網(wǎng)頁的元素（布局、結(jié)構(gòu)、內(nèi)容等）應(yīng)該由什么標(biāo)記來描述是最恰當(dāng)?shù)摹?/span>

我們要讓瀏覽器按照人的思維來顯示網(wǎng)頁，就必須掌握瀏覽器解釋網(wǎng)頁的html語言，明白標(biāo)簽的作用，比如你想產(chǎn)生段落，就必須用

段落內(nèi)容

的方式才能實現(xiàn)。

HTML的歷史：

超文本標(biāo)記語言（第一版）——在1993年6月作為互聯(lián)網(wǎng)工程工作小組（IETF）工作草案發(fā)布（并非標(biāo)準(zhǔn)）：

HTML 2.0——1995年11月作為RFC 1866發(fā)布，在RFC 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時

HTML 3.2——1997年1月14日，W3C推薦標(biāo)準(zhǔn)

HTML 4.0——1997年12月18日，W3C推薦標(biāo)準(zhǔn)

HTML 4.01（微小改進(jìn)）——1999年12月24日，W3C推薦標(biāo)準(zhǔn)

XHTML1.0——發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布。

XHTML 1.1，于2001年5月31日發(fā)布，W3C推薦標(biāo)準(zhǔn)。

XHTML 2.0，W3C工作草案。

HTML4.01 是常見的版本。

XHTML 5，從XHTML 1.x的更新版，基于HTML 5草案。

HTML 5——2014年10月28日，W3C推薦標(biāo)準(zhǔn)

HTML標(biāo)記的語法：

標(biāo)記只有兩種語法結(jié)構(gòu)，一種包容標(biāo)記，一種空標(biāo)記。

1、包容標(biāo)記 <開始標(biāo)記>...，比如

...

、

…

等。

2、空標(biāo)記 <開始標(biāo)記/>，比如

等。

標(biāo)記的屬性只能放在開始標(biāo)記里面。

1、被點(diǎn)擊的對象

2、

在DW的"插入"菜單——標(biāo)簽中，可以看到所有的html標(biāo)簽，如下圖：

并不是所有標(biāo)簽都是有用的，有些標(biāo)簽隨著版本的升級會廢除，但是并沒有刪除，所以真正有用的標(biāo)簽只有那么幾十個。

二、在DW中建立站點(diǎn)，并發(fā)布第一個HTML頁面

基本步驟如下：

1、建立站點(diǎn)，設(shè)置好根目錄文件夾和默認(rèn)圖片文件夾（非常重要）。

2、新建html頁面，并保存在根目錄文件夾下面。

3、再往保存好的頁面中添加內(nèi)容，比如文字和圖片、超鏈接等。

詳細(xì)介紹如下：

1、點(diǎn)擊“管理站點(diǎn)”，在彈出的面板中點(diǎn)擊“新建站點(diǎn)”，如圖：

2、設(shè)置“站點(diǎn)名稱”和“本地站點(diǎn)文件夾”，本地站點(diǎn)文件夾就是你存放整個網(wǎng)站的根目錄，點(diǎn)擊后面的文件夾小圖標(biāo)，選擇一個盤符，新建一個文件夾，選擇好就可以了。比如，選擇F盤下面的lianxi文件夾。

3、這一步非常關(guān)鍵，必須要設(shè)置“默認(rèn)圖像文件夾”，點(diǎn)擊“高級設(shè)置”，再點(diǎn)擊后面的文件夾小圖標(biāo)，在剛才設(shè)置好的“l(fā)ianxi”根目錄文件夾下面再新建一個“images”文件夾，選擇好。要保證“images”文件夾必須在你設(shè)置的根目錄文件夾的下面。