首先說一下我們學(xué)習(xí)前端開發(fā)要學(xué)習(xí)HTML+CSS+Javascript。
想要自己編輯一個(gè)好看的界面嗎?那么閑話少說,接下來我們直接開始介紹第一部分HTML,由于這部分比較簡(jiǎn)單我們將簡(jiǎn)單的介紹。

HTML(Hyper ?Text Markup Language )即超文本標(biāo)記語言,它不是一種編程語言,而是一種描述性的文本標(biāo)記語言,用于描述超文本的內(nèi)容和結(jié)構(gòu)。HTML最基本的語法為<標(biāo)記符></標(biāo)記符>
(一)HTML的開發(fā)環(huán)境
1.記事本開發(fā)
因?yàn)镠TML為純文本格式文件,所以可以用記事本編輯,新建文本文檔,把文檔的擴(kuò)展名改為.html即可在瀏覽器打開。
2.Dreamweaver Cs6開發(fā)環(huán)境
使用記事本編輯效率太低,使用Dreamweaver 有代碼提示功能可以更方便的開發(fā),Dreamweaver 安裝非常簡(jiǎn)單。下載鏈接密碼75ea(僅用于學(xué)習(xí)交流,支持正版軟件。)軟件截圖如下:

(二)HTML文檔的基本結(jié)構(gòu)
一個(gè)完整的頁面結(jié)構(gòu)必須包含下面的內(nèi)容

文檔中必須包含<HTML></HTML>并且在文檔的開頭和結(jié)尾。<head></head>中放置頭部標(biāo)記,文件的公用屬性例如css屬性style樣式,這部分內(nèi)容不顯示在網(wǎng)頁中。平時(shí)看見的網(wǎng)頁內(nèi)容就是放在<body></body>中的內(nèi)容。
<! doctype html>是文檔類型的說明,在HTML5才改用,以前的很繁瑣。
<title></title>中放置的是網(wǎng)頁的標(biāo)題
<meta charset="utf-8">聲明網(wǎng)頁的編碼為中文
文檔中注釋用<!--注釋的內(nèi)容-->
這里有必要說明一下:HTML5以后標(biāo)簽不在區(qū)分大小寫
(三)使用Dreamweaver創(chuàng)建一個(gè)HTML文件
step1 ?打開軟件點(diǎn)擊文件---->新建或者(Ctrl+N)出現(xiàn)如下界面

頁面類型選擇HTML,文檔類型選擇HTML5,出現(xiàn)如圖所示

修改title標(biāo)簽的內(nèi)容為我的第一個(gè)網(wǎng)頁,在body內(nèi)容寫入任意內(nèi)容,點(diǎn)擊菜單欄文件--->保存。
代碼內(nèi)容:

打開文件夾單擊HTML文件在瀏覽器中打開觀看效果

好了,今天就寫到這以后有時(shí)間更新,寫的比較倉(cāng)促,有不足的地方歡迎指正。
本文章僅供學(xué)習(xí)用,禁止用作商業(yè)用途,未經(jīng)授權(quán)不得轉(zhuǎn)載
微信公眾號(hào):zhjj0729
微博:文藝to青年