整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
分享成果，隨喜正能量】時間即是生命，爭取時間，就是搶救生命；壽命就是時間，浪費時間，就是糟蹋生命。
《VBA信息獲取與處理》教程是我推出第六套教程，目前已經是第一版修訂了。這套教程定位于最高級，是學完初級，中級后的教程。這部教程給大家講解的內容有：跨應用程序信息獲得、隨機信息的利用、電子郵件的發送、VBA互聯網數據抓取、VBA延時操作，剪貼板應用、Split函數擴展、工作表信息與其他應用交互，FSO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數等等內容。程序文件通過32位和64位兩種OFFICE系統測試。是非常抽象的，更具研究的價值。
教程共兩冊，八十四講。今日的內容是專題八“VBA與HTML文檔”的第二節上半部分：HTML文檔常用元素的構成
大家好，我們今日繼續講解HTML文檔的元素分析第二部分，對于HTML文檔的元素，我們只要求大家能看懂，對于一些常見的元素熟悉即可，畢竟我們側重于應用。不是構建網站。
1）圖像 <img>
通過使用 HTML，可以在文檔中顯示圖像。圖像標簽用法和超鏈接類似，圖像標簽（<img>）和源屬性（Src）
語法：<img src=”url” alt=”文本”>
<img> 是空標簽，意思是說，它只包含屬性，并且沒有閉合標簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
alt屬性代表的是，當圖片無法加載的時候，替換顯示的文本。我們仍舊以一個例子來說明：
將“HTML基礎學習-2.html”的文件修正如下：
<html>
<head> <!--注釋：文檔頭部，文檔相關消息，并不提供文檔內容-->
<title>
VBA應用提高篇，圖像的測試
</title>
</head>
<body> <!--注釋：文檔主體-->
<h1>圖像的測試</h1>
<p>這里我將測試一個圖片：</p>
<img src="http://p3.toutiaoimg.com/large/pgc-image/9fbe77be8a784b9abefdca070a9e4503" img_width="542" img_height="406"
alt="使用WithEvents定義響應事件的對象" inline="0">
</body>
</html>
內容截圖：
上述代碼中
<img src="http://p3.toutiaoimg.com/large/pgc-image/9fbe77be8a784b9abefdca070a9e4503" img_width="542" img_height="406" alt="使用WithEvents定義響應事件的對象" inline="0">
就是對圖像的引用：http://p3.toutiaoimg.com/large/pgcimage/9fbe77be8a784b9abefdca070a9e4503 是圖像的地址。我們將上述文件保存為“HTML基礎學習-3.html”，然后用雙擊打開，我們可以看到下面的網頁效果：
2）表格<table>
表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標簽進行定義。
大多數瀏覽器會把表頭顯示為粗體居中的文本：
表格是我們網頁最常見的，也是我們網頁數據提取，最需要打交道的，它非常簡單，如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。
使用邊框屬性來顯示一個帶有邊框的表格：
<html>
<head> <!--注釋：文檔頭部，文檔相關消息，并不提供文檔內容-->
<title>
表格的測試
</title>
</head>
<body> <!--注釋：文檔主體-->
<h1>表格的測試</h1>
<p>這里我將測試兩個表格：</p>
<table border="1"> <!--注釋：border設置表格邊框樣式-->
<caption>VBA學習資料</caption>
<tr>
<th>難易</th>
<th>資料</th>
</tr>
<tr>
<td>初級教程</td>
<td> VBA代碼解決方案</td>
</tr>
<tr>
<td>中級教程</td>
<td>VBA數組與字典解決方案</td>
</tr>
</table>
</body>
</html>
上述文件保存為“HTML基礎學習-4.html” ,打開后效果如下：
3) 輸入標簽 <input>
除了表格，表單也是我們在網頁數據提取，頁面操控最常見到的元素。例如我們注冊用戶，例如我們的微博登陸，例如我們的百度搜索，其實都是表單。表單會讓輸入一些信息。輸入標簽 <input>就是用來輸入信息的。
其語法是：<input type=類型 name=元素名稱 id=元素id value=元素值/>
其類型由type屬性定義，常見的有：text（文本框）、Radio（單選按鈕）、Checkboxes（復選框）、submit（提交按鈕）、hidden（隱藏）、reset（重置）和password（密碼框）等。
其中注意，其中單選框和復選框的是否選中，由checked屬性指定，如果值是”checked”則選定。
4）框架<frame> 標簽
Frame 標簽定義了放置在每個框架中的 HTML 文檔。
Frame是獨立框架，就好像我們的分屏瀏覽一樣，一個屏幕，瀏覽多個畫面一樣。框架必須放置在框架結構標簽里面（<frameset>），其rows/columns 屬性的值規定了框架每行或每列占據屏幕的面積。另外，frameset和body不能同時使用，除非有noframes，很簡單，因為frame其實就描繪文檔了，所以，一般不需要再有body進行描繪。另外，框架元素一般放置于head元素內。Frame元素的src屬性就是設定了其框架內顯示頁面的URL。
5）<iframe> 標簽
Iframe的框架，就類似畫中畫的效果，在原頁面插入一個頁面。語法如下：
<iframe src =url scrolling=yes/no/auto height=xx width=xx>
Src設定框架內要顯示的文檔的url，scrolling設置是否顯示滾動條。Height和widty設置的就是它的高度和寬度。
關于HTML文檔的元素，還有一些沒有講到，大家可以參考一些專門的資料，如萬維網的講解，我這里就不再過多的介紹了。
1）圖像 <img>
2）表格<table>
3) 輸入標簽 <input>
4）框架<frame> 標簽
5）<iframe> 標簽
以上各個元素我們要盡可能的理解掌握，才能在分析網頁的時候可以隨心所欲。下一講我們繼續講解HTML網頁的元素的屬性。
本節知識點回向：
說出以下個元素的標簽的作用：1）圖像 <img> 2）表格<table> 3) 輸入標簽 <input>
4）框架<frame> 標簽 5）<iframe> 標簽。
本節參考文件：HTML基礎學習-3.html；HTML基礎學習-4.html
我20多年的VBA實踐經驗，全部濃縮在下面的各個教程中，教程學習順序：
【分享成果，隨喜正能量】在問題出現的那瞬間，一定要控制好情緒，不要發火，不要偏激，不要說什么過激的話，懂得忍耐。忍耐不是為了讓你不去處理這件事，而是為了避免在情緒失控的情況下，干出什么讓自己丟臉的事情。以后你就會知道，生活中真的沒有幾件事情是值得我們搭上禮貌，教養，人品和格局的。
現在用戶面前的WEB頁面，內容無非就是文字、圖片、視頻、音頻這四大方面。而這些內容要呈現在用戶眼前，最最基礎的一種互聯網語言，就是HTML（HyperText Markup Language）標記語言。所有千變萬化、眼花繚亂、酷炫精彩的內容，都離不開HTML標簽的汗馬功勞。下面小白就總結一下自學后的一些基礎的HTML知識點。
HTML中的標簽元素一般分為三大類，它們分別是：塊級元素、行內元素、行內塊級元素。下面總結一下這幾類元素的特點及應用。
01 塊級元素
特點：
① 獨占一行、從上到下排列
② 可直接控制寬度、高度及盒子模型的CSS屬性（width 、height、padding 等屬性值）
③ 在不單獨設置寬度的情況下，塊級元素的寬度（width屬性）繼承父元素
④ 在不單獨設置高度的情況下，塊級元素的高度（height屬性）靠自己的基因（它本身內容的高度）
塊級元素從我的理解來說，就是一個大框框，用來框住其它元素不要亂跑亂竄的，只能在一定范圍內活動。所以，它通常會用來進來大的結構搭建。
常用的塊級元素：
標題類 | <h1></h1> | <h2></h2> |
<h3></h3> | <h4></h4> | |
<h5></h5> | <h6></h6> | |
列表類 | <ol></ol> | <ul></ul> |
<li></li> | <dl></dl> | |
<dt></dt> | <dd></dd> | |
普通類 | <div></div> | <p></p> |
</hr> | <center></center> | |
<pre></pre> | ||
表格類 | <table></table> | |
表單類 | <form></form> |
02 行內元素
特點：
① 元素與元素之間會自動排列成一行，遇到空間不夠自動換行
② 默認高度和寬度（width、height）屬性與它們的內容有關，無內容那么它本身也就是虛無。
③ 行內元素不支持padding、margin的上下調動（它們就是緊挨著不離不棄、除非用外部手部強制拆散它們）
行內元素一般用來修飾點綴內容而用，語義化比較強，用來加強代碼的可讀性。
常用的行內元素：
<a></a> | <b></b> | <br></br> |
<span></span> | <strong></strong> | |
<i></i> | <em> </em> | <sub> </sub> |
<sup> </sup> |
03 行內塊元素
特點：
從這個名字就可以看出來，它是一個結合體，塊級元素和行內元素的結合體。它具備二者共有的一些特點，使用非常頻繁。
① 元素具有塊級元素的屬性（width、height等屬性），可以對其直接控制
② 雖然有寬和高，但是他并不會霸道地獨占一行，它具有行內元素的“親情屬性”，會自動排列挨在一起。
③ 行內塊元素支持padding、margin的上下調動
<img> </img> | <input /> | <select> </select> |
<textarea> </textarea> | <label> </label> | <button> </button> |
歡迎大佬提點指正
TML 文檔由 HTML 元素定義。
HTML 元素
<phtml 元素指的是從開始標簽（start="" tag）到結束標簽（end="" tag）的所有代碼。<="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">
| 開始標簽 * | 元素內容 | 結束標簽 * |
|---|---|---|
| <p> | 這是一個段落 | </p> |
| <a href="default.htm"> | 這是一個鏈接 | </a> |
| <br> |
*開始標簽常被稱為起始標簽（opening tag），結束標簽常稱為閉合標簽（closing tag）。
HTML 元素語法
HTML 元素以開始標簽起始
HTML 元素以結束標簽終止
元素的內容是開始標簽與結束標簽之間的內容
某些 HTML 元素具有空內容（empty content）
空元素在開始標簽中進行關閉（以開始標簽的結束而結束）
大多數 HTML 元素可擁有屬性
注釋: 您將在本教程的下一章中學習更多有關屬性的內容。
嵌套的 HTML 元素
<p大多數 html="" 元素可以嵌套（可以包含其他="" 元素）。<="" p="">
HTML 文檔由嵌套的 HTML 元素構成。
HTML 文檔實例
<!DOCTYPE html>
<html>
<body>
<p>這是第一個段落。</p>
</body>
</html>
以上實例包含了三個 HTML 元素。
HTML 實例解析
<p> 元素:
<p>這是第一個段落。</p>
這個 <p> 元素定義了 HTML 文檔中的一個段落。
這個元素擁有一個開始標簽 <p> 以及一個結束標簽 </p>.
元素內容是: This is my first paragraph.
<body> 元素:
<body>
<p>這是第一個段落。</p>
</body>
The <body> 元素定義了 HTML 文檔的主體。
這個元素擁有一個開始標簽 <body> 以及一個結束標簽 </body>。
元素內容是另一個 HTML 元素（p 元素）。
<html> 元素：
<html>
<body>
<p>這是第一個段落。</p>
</body>
</html>
The <html> 元素定義了整個 HTML 文檔。
這個元素擁有一個開始標簽 <html> ，以及一個結束標簽 </html>.
元素內容是另一個 HTML 元素（body 元素）。
不要忘記結束標簽
即使您忘記了使用結束標簽，大多數瀏覽器也會正確地顯示 HTML：
<p>這是一個段落
<p>這是一個段落
以上實例在瀏覽器中也能正常顯示，因為關閉標簽是可選的。
但不要依賴這種做法。忘記使用結束標簽會產生不可預料的結果或錯誤。
HTML 空元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。
<br> 就是沒有關閉標簽的空元素（<br> 標簽定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標簽中添加斜杠，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。
HTML 提示：使用小寫標簽
HTML 標簽對大小寫不敏感：<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。
W3CSchool 使用的是小寫標簽，因為萬維網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
