前端開發(fā)之HTML(一)

首先說一下我們學(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青年

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容