整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML是網(wǎng)頁(yè)內(nèi)容的載體。內(nèi)容就是網(wǎng)頁(yè)制作者放在頁(yè)面上想要讓用戶瀏覽的信息，可以包含文字、圖片等。網(wǎng)頁(yè)制作學(xué)習(xí)群：四九四零六，四九三四。
CSS樣式是表現(xiàn)。就像網(wǎng)頁(yè)的外衣。比如，標(biāo)題字體、顏色變化，或?yàn)闃?biāo)題加入背景圖片、邊框等。所有這些用來(lái)改變內(nèi)容外觀的東西稱之為表現(xiàn)。
JavaScript是用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)上的特效效果。如：鼠標(biāo)滑過(guò)彈出下拉菜單。或鼠標(biāo)滑過(guò)表格的背景顏色改變。還有焦點(diǎn)新聞（新聞圖片）的輪換。可以這么理解，有動(dòng)畫(huà)的，有交互的一般都是用JavaScript來(lái)實(shí)現(xiàn)的。
1、tml的固定結(jié)構(gòu)
一個(gè)HTML文件是有自己固定的結(jié)構(gòu)的。
<html>
<head>...</head>
<body>...</body>
</html>
代碼講解：
<html></html>稱為根標(biāo)簽，所有的網(wǎng)頁(yè)標(biāo)簽都在<html></html>中。
<head>
標(biāo)簽用于定義文檔的頭部，它是所有頭部元素的容器。
頭部元素有<title>、<script>、<style>、<link>、 <meta>等標(biāo)簽，頭部標(biāo)簽在下一小節(jié)中會(huì)有詳細(xì)介紹。
在<body>和</body>標(biāo)簽之間的內(nèi)容是網(wǎng)頁(yè)的主要內(nèi)容，如<h1>、<p>、<a>、<img>等網(wǎng)頁(yè)內(nèi)容標(biāo)簽，在這里的標(biāo)簽中的內(nèi)容會(huì)在瀏覽器中顯示出來(lái)。
2、<head>標(biāo)簽的作用
文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標(biāo)題等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會(huì)真正作為內(nèi)容顯示給讀者。
下面這些標(biāo)簽可用在 head 部分：
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
3、<title>標(biāo)簽
在<title>和</title>標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁(yè)的標(biāo)題信息，它會(huì)出現(xiàn)在瀏覽器的標(biāo)題欄中。網(wǎng)頁(yè)的title標(biāo)簽用。網(wǎng)頁(yè)制作學(xué)習(xí)交流群，四九四零六，四九三四。
于告訴用戶和搜索引擎這個(gè)網(wǎng)頁(yè)的主要內(nèi)容是什么，搜索引擎可以通過(guò)網(wǎng)頁(yè)標(biāo)題，迅速的判斷出網(wǎng)頁(yè)的主題。每個(gè)網(wǎng)頁(yè)的內(nèi)容都是不同的，每個(gè)網(wǎng)頁(yè)都應(yīng)該有一個(gè)獨(dú)
一無(wú)二的title。
例如：
<head>
<title>hello world</title>
</head>
<title>標(biāo)簽的內(nèi)容“hello world”會(huì)在瀏覽器中的標(biāo)題欄上顯示出來(lái)，
4、標(biāo)簽的用途
我們學(xué)習(xí)網(wǎng)頁(yè)制作時(shí)，常常會(huì)聽(tīng)到一個(gè)詞，語(yǔ)義化。那么什么叫做語(yǔ)義化呢，說(shuō)的通俗點(diǎn)就是：明白每個(gè)標(biāo)簽的用途（在什么情況下使用此標(biāo)簽合理）比如，網(wǎng)頁(yè)上的文章的標(biāo)題就可以用標(biāo)題標(biāo)簽，網(wǎng)頁(yè)上的各個(gè)欄目的欄目名稱也可以使用標(biāo)題標(biāo)簽。
文章中內(nèi)容的段落就得放在段落標(biāo)簽中，在文章中有想強(qiáng)調(diào)的文本，就可以使
用 em 標(biāo)簽表示強(qiáng)調(diào)等等。
講了這么多語(yǔ)義化，但是語(yǔ)義化可以給我們帶來(lái)什么樣的好處呢？
① 更容易被搜索引擎收錄。
②.更容易讓屏幕閱讀器讀出網(wǎng)頁(yè)內(nèi)容。
更多精彩內(nèi)容微信公眾平臺(tái)：網(wǎng)頁(yè)設(shè)計(jì)自學(xué)平臺(tái)
限時(shí)!！免費(fèi)送Dreamweaver、js等前端教程
TML是制作網(wǎng)頁(yè)的基礎(chǔ)，我們?cè)诰W(wǎng)站建設(shè)中談?wù)摰撵o態(tài)網(wǎng)頁(yè)就是基于HTML的網(wǎng)頁(yè)。
早期的網(wǎng)頁(yè)直接用HTML代碼編寫，但現(xiàn)在有許多智能網(wǎng)頁(yè)制作軟件（常用的如frontpage，dream weaver等）通常不需要手動(dòng)編寫代碼，而是由這些軟件自動(dòng)生成。雖然不需要自己寫，但是理解HTML代碼仍然是非常重要的。
了解HTML是什么？它是學(xué)習(xí)網(wǎng)站建設(shè)的重要技術(shù)基礎(chǔ)知識(shí)
下面我們自己可以動(dòng)手創(chuàng)建一個(gè)非常簡(jiǎn)單的網(wǎng)頁(yè)，首先我們讓計(jì)算機(jī)顯示擴(kuò)展，方法是打開(kāi)我的電腦，然后現(xiàn)在欄目工具》文件夾選項(xiàng)》查看》高級(jí)設(shè)置中找到《隱藏已知文件類型的擴(kuò)展名》將其不勾選，并單擊“應(yīng)用”以確認(rèn)設(shè)置。然后在桌面上創(chuàng)建一個(gè)新的TXT文件，將此文件命名為“xxx.html”（擴(kuò)展名也可以是htm），這樣你就可以用瀏覽器打開(kāi)它，你就會(huì)看到自己制作的最簡(jiǎn)單的頁(yè)面。
html是一種超文本標(biāo)記語(yǔ)言，即html（hypertext markup language），是一種用來(lái)描述網(wǎng)絡(luò)文檔的標(biāo)記語(yǔ)言。在頁(yè)面的開(kāi)頭和結(jié)尾使用<html></html>標(biāo)簽。
總結(jié)：
1）HTML是我們常說(shuō)的靜態(tài)網(wǎng)頁(yè)；
2）HTML是以Html或htm為擴(kuò)展名的文件；
3）HTML某些標(biāo)簽代碼規(guī)則，讓內(nèi)容在瀏覽器中呈現(xiàn)出我們所需要的樣式；
4）HTML可以使用記事本創(chuàng)建，并以.html或.htm為擴(kuò)展名保存。
html文件中的代碼由具有一定的規(guī)則規(guī)律標(biāo)簽與內(nèi)容組成。以指定的HTML結(jié)構(gòu)和內(nèi)容形成完整的html文件。我們可以直接使用瀏覽器來(lái)打開(kāi)，查看網(wǎng)頁(yè)效果。
如果您想在瀏覽器中顯示各式各樣的網(wǎng)頁(yè)，我們就需要html文件（HTML基本結(jié)構(gòu)+內(nèi)容+標(biāo)簽）和css文件（css樣式）來(lái)實(shí)現(xiàn)我們需要的漂亮網(wǎng)頁(yè)。
動(dòng)力節(jié)點(diǎn)老杜講解的html學(xué)習(xí)教程，非常詳細(xì)全面，完全適合小白入門
內(nèi)容：講解了HTML基礎(chǔ)語(yǔ)法、HTML概述、W3C概述、B/S架構(gòu)系統(tǒng)原理、table、背景色與背景圖片、超鏈接、列表、表單、框架等知識(shí)點(diǎn)。
通過(guò)html教程的學(xué)習(xí)之后，不但可以開(kāi)發(fā)基本的網(wǎng)頁(yè)，還可以看懂別人編寫的HTML頁(yè)面。
HTML完整資料下載：
http://www.bjpowernode.com/?toutiaoweb.chai
1.HTML教程:課程內(nèi)容概述
2.HTML教程:BS結(jié)構(gòu)介紹
3.HTML教程:軟件環(huán)境準(zhǔn)備
4.HTML教程:HTML概述
5.HTML教程:我的第一個(gè)HTML
6.HTML教程:HTML的基本標(biāo)簽
7.HTML教程:HTML的實(shí)體符號(hào)
8.HTML教程:HTML的表格
9.HTML教程:HTML的單元格合并1
10.HTML教程:HTML的單元格合并2
11.HTML教程:thead tbody tfoot
12.HTML教程:背景色和背景圖片
13.HTML教程:HTML圖片img標(biāo)簽
14.HTML教程:HTML超鏈接
15.HTML教程:超鏈接的作用-request和response的概念
16.HTML教程:HTML列表
17.HTML教程:form表單初步
18.HTML教程:用戶注冊(cè)表單的實(shí)現(xiàn)
19.HTML教程:下拉列表支持多選
20.HTML教程:form的file控件
21.HTML教程:隱藏域hidden控件
22.HTML教程:隱藏域hidden控件2
23.HTML教程:readonly和disabled
24.HTML教程:控件的maxlength屬性
25.HTML教程:HTML文檔中節(jié)點(diǎn)的id屬性
26.HTML教程:div和span在網(wǎng)頁(yè)中的應(yīng)用
ont 屬性可以用來(lái)作為 font-style, font-variant, font-weight, font-size, line-height 和 font-family 屬性的簡(jiǎn)寫，或?qū)⒃氐淖煮w設(shè)置為系統(tǒng)字體。
font-family寫法示例：
<style>
p{
font-family: "幼圓";
}
</style>
</head>
<body>
<p>19級(jí)啟嘉班</p>
</body>效果：
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
