整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
索取更多相關(guān)資料請(qǐng)加qq：864265463 或登錄 http://m.wbs0551.cn/
PS：本文檔由北大青鳥合工大收集自互聯(lián)網(wǎng)，僅作分享之用。
HTML語言是什么？HTML語言是用來制作超文本文檔的一種標(biāo)記語言，可以說是最簡單的一種編程語言。設(shè)計(jì)HTML語言是為了能把存放在兩臺(tái)不同電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，如此一來，人們就不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上，就可以直接使用。
HTML語言自1990年以來就一直被用作World Wide Web上的信息表示語言，用于描述Homepage的格式設(shè)計(jì)和它與WWW上其它Homepage的連結(jié)信息。
HTML語言是什么？
HTML語言是網(wǎng)絡(luò)的通用語言，本身學(xué)起來非常簡單，它卻允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，無論什么人使用的是什么類型的電腦或?yàn)g覽器都可以瀏覽到這些頁面。
HTML語言實(shí)現(xiàn)其功能只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中的與此圖標(biāo)相關(guān)的內(nèi)容上。
HTML語言編寫的超文本文檔稱為HTML文檔，HTML文檔不但能獨(dú)立于各種操作系統(tǒng)平臺(tái)，還簡單易學(xué)。
想索取更多相關(guān)資料請(qǐng)加qq：1207013623 或登錄 http://www.hf-accp.com
PS：本文檔由北大青鳥合工大收集自互聯(lián)網(wǎng)，僅作分享之用。
在HTML文檔里面就是很自由的寫代碼，相當(dāng)于一些標(biāo)記,因?yàn)镠TML代碼是由瀏覽器解釋執(zhí)行的，瀏覽器可以識(shí)別但不顯示代碼的一些編寫錯(cuò)誤。但是，同一HTML文檔在不同的瀏覽器中展示的效果不一樣。HTML語言允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。
因?yàn)镠TML語言是通過利用各種標(biāo)記來標(biāo)識(shí)文檔的結(jié)構(gòu)以及標(biāo)識(shí)超鏈的信息，Web瀏覽器本身的顯示風(fēng)格及其對(duì)標(biāo)記的解釋能力才決定顯示結(jié)果。
HTML語言是什么？
HTML文檔是由HTML命令組成的描述性文本。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中Head描述瀏覽器所需的信息，而Body則包含所要說明的具體內(nèi)容。生成一個(gè)文檔主要包括3個(gè)步驟。
首先，用ASCII文本編輯器或其它HTML的編輯工具手工直接編寫。然后，利用格式轉(zhuǎn)換工具將其它格式文檔（WORD等）轉(zhuǎn)換成HTML文檔。第三，由Web服務(wù)器（又稱HTTP 服務(wù)器）一方實(shí)時(shí)動(dòng)態(tài)地生成。
用HTML語言建立頁面不需要用任何專門的軟件，只要一個(gè)文字處理器(Word、記事本、寫字板等等)以及HTML的工作常識(shí)就可以完工了。
TML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
實(shí)例解析
DOCTYPE 聲明了文檔類型
位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
位于標(biāo)簽 <h1> 與 </h1> 作為一個(gè)標(biāo)題使用
位于標(biāo)簽 <p> 與 </p> 作為一個(gè)段落顯示
| <!DOCTYPE html> 在HTML5中也是描述了文檔類型。 |
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標(biāo)記語言
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
<標(biāo)簽>內(nèi)容</標(biāo)簽>
HTML 元素
"HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
HTML 元素:
<p>這是一個(gè)段落。</p>
Web 瀏覽器
Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：
HTML 網(wǎng)頁結(jié)構(gòu)
下面是一個(gè)可視化的HTML頁面結(jié)構(gòu)：
<html>
<head>
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一個(gè)段落。</p>
<p>這是另外一個(gè)段落。</p>
</body>
</html>
| 只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。 |
HTML版本
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
| 版本 | 發(fā)布時(shí)間 |
|---|---|
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的，以下方式均可：
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊(cè)。
中文編碼
目前在大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標(biāo)題</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
編程有沒有必要學(xué) HTML 呢？這是編程初學(xué)者中非常普遍的問題，而且在網(wǎng)上意見分歧很大。關(guān)于初學(xué)者在學(xué)習(xí) HTML 前的一些常見問題，編程獅W3Cschool整理了以下資料希望對(duì)你有所幫助：
那些說不需要 HTML 知識(shí)的人要么不了解 Web 設(shè)計(jì)，要么別有用心。雖然現(xiàn)在哪怕不會(huì) HTML 也有其他方法可以解決 web 設(shè)計(jì)相關(guān)問題，但絕大多數(shù)資深前端開發(fā)者還是會(huì)建議你最好還是要學(xué)習(xí)它的。
通常了解基本知識(shí)只需要20到40分鐘。花幾個(gè)小時(shí)學(xué)習(xí) w3cschool官網(wǎng) 的《HTML 教程 》和《HTML 微課 》，你就可以制作一個(gè)簡單而完整的網(wǎng)頁。如果你愿意每周花幾個(gè)小時(shí)，學(xué)習(xí)幾個(gè)月的 《前端開發(fā)體系課程 _ 》，那么您將對(duì)網(wǎng)站的工作方式有一個(gè)很好的了解。這種時(shí)間上的投資將獲得很大的回報(bào)比。試想下，如果你本周花在學(xué)習(xí)上一小時(shí)，未來的工作上每個(gè)月都將永遠(yuǎn)節(jié)省一個(gè)小時(shí)。盡管投資回收期在開始時(shí)比較緩慢，但你最終可以只需要花費(fèi)一小部分時(shí)間用來完成工作，你覺得值得嗎？
這是勸退很多人的一個(gè)原因，但實(shí)際上這個(gè)問題是不存在的。因?yàn)榇蠖鄶?shù)情況下我們不需要編寫 HTML 代碼，只需了解它即可。
市面上有很多可視化的工具如 WYSIWYG 、Dreamweaver及現(xiàn)在越來越多的”低代碼“云開發(fā)工具等，它可以幫助你更高效地工作。如前所述，你并不是要手動(dòng)輸入 HTML 代碼，而是要了解 HTML 的工作原理。
例如：射釘槍能比錘子更快地幫助您建造房屋，但是如果你不知道如何搭建框架以及將釘子釘在何處，造出來的房屋很可能會(huì)倒塌。我們需要了解如何手動(dòng)構(gòu)造 HTML，然后使用所見即所得工具更快地工作。
PS：所見即所得的編輯器永遠(yuǎn)不會(huì)是完美的，總有時(shí)候是需要我們手動(dòng)來調(diào)整 HTML。。
放心，雖然我們時(shí)常把它稱為語言，但其實(shí) HTML 并不是一種編程語言（從技術(shù)上講，HTML 被稱為“mark up”語言，也就是標(biāo)記語言，英文全稱是“HyperText Markup Language”。）。從難度上講，它就像是小孩子們的“密碼”游戲。真正難點(diǎn)在于要學(xué)習(xí)的東西太多了，但是請(qǐng)記住，你不必全部都學(xué)會(huì)！只要按照自己的步調(diào)學(xué)習(xí)盡可能多的知識(shí)即可。
不要將費(fèi)時(shí)與困難混淆。HTML 很耗時(shí)，但是并不難。另外，你不需要學(xué)會(huì)全部知識(shí)點(diǎn)，即使只花費(fèi)幾個(gè)小時(shí)來學(xué)習(xí)基本結(jié)構(gòu)也將極大地幫助你。
不會(huì)。其他編程語言一直在發(fā)展中，并且很可能最終會(huì)取代 HTML，但是 HTML 將在很長一段時(shí)間內(nèi)繼續(xù)作為幾乎所有網(wǎng)站的基礎(chǔ)。在任何情況下，HTML 都會(huì)為您提供堅(jiān)實(shí)的基礎(chǔ)，然后再采用 XML 等新語言。
如果您的目的是創(chuàng)建網(wǎng)頁，那么很抱歉告訴你，無論你喜不喜歡，你只能選擇 HTML，因?yàn)樗菢?gòu)成網(wǎng)絡(luò)構(gòu)成的基礎(chǔ)。如果你真的想以其他格式（例如PDF）來傳送，請(qǐng)注意，它并不是一個(gè)網(wǎng)頁，所以它不能實(shí)現(xiàn)我們?cè)诰W(wǎng)頁中的一些常見功能。
以上就是編程獅W3Cschool為你整理的關(guān)于《為什么要學(xué)習(xí)HTML？HTML會(huì)過時(shí)嗎？》的全部內(nèi)容，現(xiàn)在你要開始學(xué)習(xí) HTML 了嗎？
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
