整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標(biāo)題</h1><p>我的第一個段落。</p></body></html>
實(shí)例解析
DOCTYPE 聲明了文檔類型
位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
位于標(biāo)簽 <h1> 與 </h1> 作為一個標(biāo)題使用
位于標(biāo)簽 <p> 與 </p> 作為一個段落顯示
| <!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)簽是由尖括號包圍的關(guān)鍵詞，比如 <html>
HTML 標(biāo)簽通常是成對出現(xiàn)的，比如 <b> 和 </b>
標(biāo)簽對中的第一個標(biāo)簽是開始標(biāo)簽，第二個標(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)格來講, 一個 HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
HTML 元素:
<p>這是一個段落。</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)
下面是一個可視化的HTML頁面結(jié)構(gòu)：
<html>
<head>
<title>頁面標(biāo)題</title>
</head>
<body>
<h1>這是一個標(biāo)題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>
| 只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。 |
HTML版本
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
| 版本 | 發(fā)布時間 |
|---|---|
| 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 參考手冊。
中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實(shí)例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標(biāo)題</title></head><body><h1>我的第一個標(biāo)題</h1><p>我的第一個段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
分享成果，隨喜正能量】人生，有多少計(jì)較，就有多少痛苦。有多少寬容，就有多少歡樂。痛苦與歡樂都是心靈的折射，就像鏡子里面有什么，決定于鏡子面前的事物。心里放不下，自然成了負(fù)擔(dān)，負(fù)擔(dān)越多，人生越不快樂。計(jì)較的心如同口袋，寬容的心猶如漏斗。復(fù)雜的心愛計(jì)較，簡單的心易快樂。
《VBA信息獲取與處理》教程是我推出第六套教程，目前已經(jīng)是第一版修訂了。這套教程定位于最高級，是學(xué)完初級，中級后的教程。這部教程給大家講解的內(nèi)容有：跨應(yīng)用程序信息獲得、隨機(jī)信息的利用、電子郵件的發(fā)送、VBA互聯(lián)網(wǎng)數(shù)據(jù)抓取、VBA延時操作，剪貼板應(yīng)用、Split函數(shù)擴(kuò)展、工作表信息與其他應(yīng)用交互，F(xiàn)SO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數(shù)等等內(nèi)容。程序文件通過32位和64位兩種OFFICE系統(tǒng)測試。是非常抽象的，更具研究的價(jià)值。
教程共兩冊，八十四講。今日的內(nèi)容是專題八“VBA與HTML文檔”的第二節(jié)上半部分：HTML文檔元素
大家好，我們這講開始HTML的講解，為了認(rèn)識這種特殊的語言，我們要先看看這種語言中的各種元素個代表什么意義。上節(jié)中在講這種語言的特征時講過，標(biāo)簽是用來描述網(wǎng)頁的。瀏覽器讀取HTML文檔，識別標(biāo)簽，并按標(biāo)簽要求以網(wǎng)頁進(jìn)行顯示文本。大部分標(biāo)簽都是成隊(duì)出現(xiàn)的。
起始標(biāo)簽和結(jié)束標(biāo)簽之間的所有文本，都叫做元素。也就是這個格式就是：
<起始標(biāo)簽:也叫元素名>元素的內(nèi)容<結(jié)束標(biāo)簽:/+元素名>
標(biāo)簽是可以擁有屬性的，屬性提供了元素的一些附加信息，起始標(biāo)簽，有時候格式如下：
<元素名 屬性名稱=”屬性值”>
同時，元素是可以擁有元素的，即某個元素的內(nèi)容有時候是一個子元素。
元素這東西，比較抽象，我們可以把它且當(dāng)作一個對象來理解，例如工作簿對象，每個工作簿的名稱都不一樣（屬性），每個工作簿里面都有工作表（子元素），每個表都有名稱（屬性），里面填寫的內(nèi)容也不一樣（元素的內(nèi)容）。
在上一講中我們舉了一個最為簡單的實(shí)例來說明HTML文檔：
<html>
<body>
<h1>學(xué)習(xí)VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點(diǎn)，您可以參考我的第一套教程：VBA代碼解決方案</p>
</body>
</html>
我們將上面的格式修正一下，如下面：
<html>
<head> <!--注釋：文檔頭部，文檔相關(guān)消息，并不提供文檔內(nèi)容-->
<title>
VBA應(yīng)用提高篇
</title>
</head>
<body> <!--注釋：文檔主體-->
<h1>學(xué)習(xí)VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點(diǎn)，您可以先參考我的第一套教程：VBA代碼解決方案</p>
</body>
</html>
將上面的內(nèi)容寫入記事本中保存為.html文件：HTML基礎(chǔ)學(xué)習(xí)-1.html
然后我們雙擊打開這個文件，看看瀏覽器的翻譯效果：
我們再看看網(wǎng)頁的源碼：
從上面的框架代碼，我們可以看出，一般的頁面，都有html元素，其一般內(nèi)含兩個元素，一個是head元素，一個是body元素。Head元素僅僅說明文檔的相關(guān)消息，并不展示文檔實(shí)體，body元素才是真正展示文檔主體的，所有要在頁面展示的元素，都要在body內(nèi)進(jìn)行書寫。
1）HTML標(biāo)題 <h1> - <h6>
標(biāo)題（Heading）是通過 <h1> - <h6> 等標(biāo)簽進(jìn)行定義的。<h1> 定義最大的標(biāo)題。<h6> 定義最小的標(biāo)題。瀏覽器會自動地在標(biāo)題的前后添加空行。標(biāo)題很重要，將 HTML heading 標(biāo)簽只用于標(biāo)題。不要僅僅是為了產(chǎn)生粗體或大號的文本而使用標(biāo)題。因?yàn)橛脩艨梢酝ㄟ^標(biāo)題來快速瀏覽您的網(wǎng)頁，所以用標(biāo)題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。應(yīng)該將 h1 用作主標(biāo)題（最重要的），其后是 h2（次重要的），再其次是 h3，以此類推。在HTML基礎(chǔ)學(xué)習(xí).HTML文件中我們已經(jīng)用到了標(biāo)題的元素
2）HTML水平線 <hr />
<hr /> 標(biāo)簽在 HTML 頁面中創(chuàng)建水平線。可用于分隔內(nèi)容。
[待續(xù)]
本節(jié)參考文件：HTML基礎(chǔ)學(xué)習(xí)-1.html；HTML基礎(chǔ)學(xué)習(xí)-2.html
我20多年的VBA實(shí)踐經(jīng)驗(yàn)，全部濃縮在下面的各個教程中，教程學(xué)習(xí)順序：
【分享成果，隨喜正能量】人生，一歲有一歲的味道，一站有一站的風(fēng)景，你的年齡應(yīng)該成為你生命的勛章而不是你傷感的理由。 ??
于剛剛接觸到超文本的朋友來說，最大的障礙就是用“<”和“>”闊起來的句子，我們稱之為標(biāo)簽。大多數(shù)標(biāo)簽都有自己的屬性，屬性要寫在首標(biāo)簽中，屬性用來進(jìn)一步改變現(xiàn)實(shí)的效果。各屬性之間為先后次序，屬性是可選的。屬性也可以省略而使用默認(rèn)值。格式是這樣的<標(biāo)簽名 屬性1=屬性值 1 屬性2=屬性值 2 ......>。注意：標(biāo)簽和屬性不區(qū)分大小寫。
html文檔結(jié)構(gòu)由三個部分組成。
1.頭部
2.標(biāo)題
3.元標(biāo)簽
<1>大家都學(xué)過英語，一定知道頭的英語單詞是“head”。沒錯，在html中，我們也使用head來表示文檔的頭部，即<head>...</head>。頭部位于<html>和</html>之間。
例如：<html>
<head>
</head>
</html>
<2>標(biāo)題用英語怎么說呢？title，其實(shí)網(wǎng)頁與人一樣，網(wǎng)頁的眼睛也在頭上，在<title>標(biāo)簽對內(nèi)部放入你想要看到的文字，這樣我們就能隨意操縱標(biāo)題欄的內(nèi)容了。比如：
<html>
<head>
<title>你好啊</title>
</head>
</html>
<3>在<head> 標(biāo)簽的內(nèi)部還可以嵌套另一個重要的標(biāo)簽：<meta>這個標(biāo)簽，此標(biāo)簽用于描述html頁面文檔的屬性，如作者、日期和時間、網(wǎng)頁描述、關(guān)鍵字、頁面刷新等。例如：
<meta http-equiv="Content-Type"content="text/html;charset=gb2312">
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
