我們先了解一個(gè)網(wǎng)頁(yè)最基本的結(jié)構(gòu)：網(wǎng)頁(yè)有頭部和主體兩大部分組成。頭部和主體都包含在一對(duì)標(biāo)簽之內(nèi)。因?yàn)榫W(wǎng)頁(yè)是html語(yǔ)言編寫的，html語(yǔ)言是一門標(biāo)記語(yǔ)言，就是用一對(duì)對(duì)的標(biāo)簽來(lái)標(biāo)記網(wǎng)頁(yè)中的內(nèi)容，從而對(duì)內(nèi)容進(jìn)行組織和管理。標(biāo)簽就是網(wǎng)頁(yè)中內(nèi)容的容器，每個(gè)網(wǎng)頁(yè)都有頭部和主體。

零基礎(chǔ)編寫最簡(jiǎn)單網(wǎng)頁(yè)，通過(guò)保存網(wǎng)頁(yè)源代碼，一遍遍的練習(xí)，你就可以寫出自己第一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè)了，當(dāng)然要想寫出復(fù)雜漂亮的網(wǎng)頁(yè)，你還得學(xué)習(xí)更多的標(biāo)簽代碼。或者選擇一個(gè)專業(yè)的培訓(xùn)機(jī)構(gòu)做系統(tǒng)的專業(yè)培訓(xùn)，比如鬼谷學(xué)院，它有專門的網(wǎng)頁(yè)制作培訓(xùn)課程。

當(dāng)然還要用到上面列出的photoshop等圖片處理工具，來(lái)為你的網(wǎng)站制作漂亮的效果和圖片。不過(guò)不用擔(dān)心，你接觸的知識(shí)越多，你就知道哪些東西需要怎么學(xué)習(xí)，這是一個(gè)循序漸進(jìn)的過(guò)程。鬼谷學(xué)院網(wǎng)頁(yè)制作培訓(xùn)課程里，也有PS教程，根據(jù)你個(gè)人的基礎(chǔ)情況，名師在線1:1輔導(dǎo)，可以免費(fèi)試學(xué)，期間不收取任何費(fèi)用，入學(xué)簽署就業(yè)協(xié)議，學(xué)習(xí)過(guò)程基于實(shí)際案例，動(dòng)手的同時(shí)，更能鞏固自己的專業(yè)知識(shí)。

從簡(jiǎn)單到復(fù)雜，從基礎(chǔ)到高階，希望通過(guò)學(xué)習(xí)能幫助你快速?gòu)男“鬃兂稍O(shè)計(jì)師。

一、HTML基礎(chǔ)

（1） HTML：超文本編輯語(yǔ)言hyper text markup language（編寫網(wǎng)頁(yè)）

文本：用來(lái)描述數(shù)據(jù)，特別單調(diào)，只能輸文字，不能變彩色，不能插入圖片。

超文本：豐富多彩的的展示文件

（2）www 【w（world）w（wide）w（web）萬(wàn)維網(wǎng)，因特網(wǎng)】

含義：建立在Internet上面的，全球的，交互的，多平臺(tái)的，分布式的信息資源網(wǎng)絡(luò)

多平臺(tái)的：操作系統(tǒng) 【window linux(Android) unix(iOS)】

交互的：閱讀、發(fā)表【CSDN】

分布式的：有多臺(tái)服務(wù)器為網(wǎng)絡(luò)進(jìn)行服務(wù)。

（3）萬(wàn)維網(wǎng)的組成

URL 【Uniform Resource Locator（統(tǒng)一資源定位符）網(wǎng)站】

HTTP【hypertext transfer protocal超文本傳輸語(yǔ)言】

（4）W3C 【HTML的標(biāo)準(zhǔn)制定者和維護(hù)者】

二、標(biāo)簽：【以尖括號(hào)開(kāi)始<，以尖括號(hào)結(jié)束>，尖括號(hào)之間描述信息，就叫標(biāo)簽】

列子：<人>對(duì)錯(cuò)對(duì)

分類：開(kāi)始標(biāo)簽結(jié)束標(biāo)簽

三、HTML文檔結(jié)構(gòu)

人=頭（head）+身體（body>

<人>

<頭>

<身體>

四、記事本開(kāi)發(fā)網(wǎng)頁(yè)步驟

（1）新建文件.txt

（2）更改后綴【.hmtl】或【.htm】------[選中文件，點(diǎn)擊f2--快捷方式]

（3）后綴名作用：告訴Windows系統(tǒng)，用什么樣的程序打開(kāi)文件。

（4）源代碼：記事本打開(kāi) 執(zhí)行結(jié)果：網(wǎng)頁(yè)打開(kāi)

五、HTML注意事項(xiàng)

（1）標(biāo)簽成對(duì)出現(xiàn)。

（2）標(biāo)簽具有嵌套型

（3）排版問(wèn)題：子標(biāo)簽的父標(biāo)簽之間應(yīng)該有8個(gè)空格：一個(gè)tab鍵

IT教育學(xué)院

計(jì)算機(jī)專業(yè)你好

歡迎來(lái)到九云IT教育學(xué)院

（4）html不區(qū)分大小寫，最好全部用小寫

（5）標(biāo)簽有屬性

九云IT教育

tips:注意事項(xiàng)

a：h1 align 中間要有空格

b：屬性名：align 屬性列：center 屬性列要加"",之間要加 =

（6）注釋

（7）換行和空格不管用【如何換行
】

六、網(wǎng)頁(yè)的基本標(biāo)簽

（1）頭部標(biāo)簽：

（2）text 設(shè)定文字顏色 [或者使用顏色代碼]：使用#和十六進(jìn)制數(shù)據(jù)組成

（3）【背景顏色】：bgcolor 【背景圖片】：

（4）文字標(biāo)記：hello world

（5）

hfbasbhgdshbfsh