整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
你太美。
雖然第一個(gè)html代碼寫的非常隨意，就四個(gè)字：雞你太美。但是用瀏覽器打開之后確實(shí)是能看到是以網(wǎng)頁的形式所展現(xiàn)的。這個(gè)現(xiàn)象就有點(diǎn)奇怪了，為什么？講道理，只要是一種語言，必定有自己的語法格式，得按它的套路去寫才能認(rèn)為代碼寫的是對(duì)的，然后才能去正常的運(yùn)行。
但是這里就四個(gè)字：雞你太美，它就能把這個(gè)東西給顯示出來，這是為什么？其實(shí)很簡單。
·可以看一下，按一下F12，把瀏覽器的開發(fā)者工具給打開。
·然后選中elements標(biāo)簽頁，如果是中文版，這里就應(yīng)該是元素。
·這里有4行文本，這4行文本里面有沒有一個(gè)比較熟悉的東西？雞你太美這四個(gè)字是不是HTML代碼里面寫的東西？如果把這個(gè)東西改了，雞你太美baby。
·然后就不再打開HTML文件了，直接按刷新。這里變成了雞你太美baby，這里是不是也變成了雞你太美baby。
·再比如加點(diǎn)東西，保存刷新，有沒有發(fā)現(xiàn)什么規(guī)律？這里寫什么，這一段就是什么，但其他地方是沒變的。
所以有理由相信這份代碼的完全體應(yīng)該是什么？應(yīng)該就是這個(gè)。所以先來把它復(fù)刻一下，尖括號(hào)。要注意，尖括號(hào)得是英文輸入法下的尖括號(hào)。html，有個(gè)had，后面又有一個(gè)head，只不過head前面加了一個(gè)斜杠。至于這些東西到底是什么意思，等一下再說。
先把代碼搞完，雞左邊有個(gè)body，后面有個(gè)body，下面又有一個(gè)斜杠。html好保存，然后刷新，效果和之前的閹割版是一樣的。
然后來看一下這些尖括號(hào)到底是什么意思，其實(shí)還是挺簡單的。首先在html里面，像這種用尖括號(hào)括起來的東西稱之為元素。在國內(nèi)有的人喜歡把它稱為標(biāo)簽，其實(shí)都是一個(gè)意思，就是元素的意思。所以在這里有幾種元素，很明顯是三種，一種是html，一種是head，還有一種是body。
這個(gè)時(shí)候有的小白可能會(huì)問了，為什么有的前面是加了個(gè)斜杠的？其實(shí)是這樣子的，在html里面有些元素是有包裹區(qū)間的，就比如body元素，body元素里面的數(shù)據(jù)或者叫內(nèi)容是從哪到哪？很明顯這個(gè)是開頭，這個(gè)是結(jié)尾，然后掐頭去尾，內(nèi)容就在這，懂了吧？開頭結(jié)尾。
所以head元素的數(shù)據(jù)在哪？就在這，什么都沒有。head元素的數(shù)據(jù)在哪？很明顯就是這個(gè)。知道元素的概念之后，接下來再看一下這幾種元素都是什么意思。
·首先html元素是告訴瀏覽器，接下來是html代碼。
·然后head還有body是什么意思？其實(shí)可以把HTML代碼想象成是一個(gè)人，一個(gè)人有自己的頭，還有身體，而且人家的腦袋里面此時(shí)此刻在想什么是看不出來的。所以head元素里面的內(nèi)容一般都是去寫一些對(duì)于頁面的一些設(shè)置，或者在這個(gè)區(qū)域里面所看不到的一些東西。
就比如里面可以再加個(gè)元素，比如說叫title，title我相信大家應(yīng)該都知道，就是標(biāo)題的意思，這個(gè)也是一樣的，起止。然后中間這里寫什么？選項(xiàng)卡的這里名字就是什么？就比如坤坤牛逼，保存，然后刷新，是不是變成了坤坤牛逼？當(dāng)然，想把這個(gè)東西放到別的地方也行，比如說放到body里面，然后保存，一刷新，你看也是坤坤牛逼，對(duì)吧？但是一般來說按照規(guī)范，一般是放到這種head元素里面去，這是head元素。
·然后接下來是body，body就是人的身體，人家長得什么樣子，身材好不好，到底前凸不凸，后翹不翹，一眼就能看得出來，多看一眼都會(huì)爆炸的那種。所以在body元素里面，一般都是寫一些在這個(gè)區(qū)域里面能看到的東西，就比如說一些文字或者說一些圖片等等，所以這個(gè)才是html代碼最基本的結(jié)構(gòu)。
·然后回過頭來再看一下最初的問題，什么？就是一開始代碼不是這個(gè)樣子的嗎？沒有，那些head、html、body卻依然能在瀏覽器上正確的顯示出來。其實(shí)很簡單，就是因?yàn)殡m然就寫了這個(gè)東西，但是瀏覽器會(huì)讀取代碼文件里面所寫的內(nèi)容，寫了什么就能讀到什么。
如果代碼不夠規(guī)范，瀏覽器就會(huì)自動(dòng)的幫你把這些元素給補(bǔ)齊，補(bǔ)齊完之后才是真正的HTML代碼。有了正確的代碼之后，瀏覽器才會(huì)根據(jù)這份代碼來進(jìn)行渲染，也就是現(xiàn)在所看到的樣子。
所以代碼千萬條，規(guī)范第一條，因?yàn)橛肋h(yuǎn)都不會(huì)想知道瀏覽器到底會(huì)對(duì)不規(guī)范的代碼進(jìn)行什么樣的修改，把它改成什么樣子。所以html代碼的最基本的格式就是html、head、body。修改后的結(jié)果:雞你太美。
分享成果，隨喜正能量】時(shí)間即是生命，爭取時(shí)間，就是搶救生命；壽命就是時(shí)間，浪費(fèi)時(shí)間，就是糟蹋生命。
《VBA信息獲取與處理》教程是我推出第六套教程，目前已經(jīng)是第一版修訂了。這套教程定位于最高級(jí)，是學(xué)完初級(jí)，中級(jí)后的教程。這部教程給大家講解的內(nèi)容有：跨應(yīng)用程序信息獲得、隨機(jī)信息的利用、電子郵件的發(fā)送、VBA互聯(lián)網(wǎng)數(shù)據(jù)抓取、VBA延時(shí)操作，剪貼板應(yīng)用、Split函數(shù)擴(kuò)展、工作表信息與其他應(yīng)用交互，F(xiàn)SO對(duì)象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數(shù)等等內(nèi)容。程序文件通過32位和64位兩種OFFICE系統(tǒng)測(cè)試。是非常抽象的，更具研究的價(jià)值。
教程共兩冊(cè)，八十四講。今日的內(nèi)容是專題八“VBA與HTML文檔”的第二節(jié)上半部分：HTML文檔常用元素的構(gòu)成
大家好，我們今日繼續(xù)講解HTML文檔的元素分析第二部分，對(duì)于HTML文檔的元素，我們只要求大家能看懂，對(duì)于一些常見的元素熟悉即可，畢竟我們側(cè)重于應(yīng)用。不是構(gòu)建網(wǎng)站。
1）圖像 <img>
通過使用 HTML，可以在文檔中顯示圖像。圖像標(biāo)簽用法和超鏈接類似，圖像標(biāo)簽（<img>）和源屬性（Src）
語法：<img src=”url” alt=”文本”>
<img> 是空標(biāo)簽，意思是說，它只包含屬性，并且沒有閉合標(biāo)簽。要在頁面上顯示圖像，你需要使用源屬性（src）。src 指 "source"。源屬性的值是圖像的 URL 地址。
alt屬性代表的是，當(dāng)圖片無法加載的時(shí)候，替換顯示的文本。我們?nèi)耘f以一個(gè)例子來說明：
將“HTML基礎(chǔ)學(xué)習(xí)-2.html”的文件修正如下：
<html>
<head> <!--注釋：文檔頭部，文檔相關(guān)消息，并不提供文檔內(nèi)容-->
<title>
VBA應(yīng)用提高篇，圖像的測(cè)試
</title>
</head>
<body> <!--注釋：文檔主體-->
<h1>圖像的測(cè)試</h1>
<p>這里我將測(cè)試一個(gè)圖片：</p>
<img src="http://p3.toutiaoimg.com/large/pgc-image/9fbe77be8a784b9abefdca070a9e4503" img_width="542" img_height="406"
alt="使用WithEvents定義響應(yīng)事件的對(duì)象" inline="0">
</body>
</html>
內(nèi)容截圖：
上述代碼中
<img src="http://p3.toutiaoimg.com/large/pgc-image/9fbe77be8a784b9abefdca070a9e4503" img_width="542" img_height="406" alt="使用WithEvents定義響應(yīng)事件的對(duì)象" inline="0">
就是對(duì)圖像的引用：http://p3.toutiaoimg.com/large/pgcimage/9fbe77be8a784b9abefdca070a9e4503 是圖像的地址。我們將上述文件保存為“HTML基礎(chǔ)學(xué)習(xí)-3.html”，然后用雙擊打開，我們可以看到下面的網(wǎng)頁效果：
2）表格<table>
表格由 <table> 標(biāo)簽來定義。每個(gè)表格均有若干行（由 <tr> 標(biāo)簽定義），每行被分割為若干單元格（由 <td> 標(biāo)簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。
大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本：
表格是我們網(wǎng)頁最常見的，也是我們網(wǎng)頁數(shù)據(jù)提取，最需要打交道的，它非常簡單，如果不定義邊框?qū)傩裕砀駥⒉伙@示邊框。有時(shí)這很有用，但是大多數(shù)時(shí)候，我們希望顯示邊框。
使用邊框?qū)傩詠盹@示一個(gè)帶有邊框的表格：
<html>
<head> <!--注釋：文檔頭部，文檔相關(guān)消息，并不提供文檔內(nèi)容-->
<title>
表格的測(cè)試
</title>
</head>
<body> <!--注釋：文檔主體-->
<h1>表格的測(cè)試</h1>
<p>這里我將測(cè)試兩個(gè)表格：</p>
<table border="1"> <!--注釋：border設(shè)置表格邊框樣式-->
<caption>VBA學(xué)習(xí)資料</caption>
<tr>
<th>難易</th>
<th>資料</th>
</tr>
<tr>
<td>初級(jí)教程</td>
<td> VBA代碼解決方案</td>
</tr>
<tr>
<td>中級(jí)教程</td>
<td>VBA數(shù)組與字典解決方案</td>
</tr>
</table>
</body>
</html>
上述文件保存為“HTML基礎(chǔ)學(xué)習(xí)-4.html” ,打開后效果如下：
3) 輸入標(biāo)簽 <input>
除了表格，表單也是我們?cè)诰W(wǎng)頁數(shù)據(jù)提取，頁面操控最常見到的元素。例如我們注冊(cè)用戶，例如我們的微博登陸，例如我們的百度搜索，其實(shí)都是表單。表單會(huì)讓輸入一些信息。輸入標(biāo)簽 <input>就是用來輸入信息的。
其語法是：<input type=類型 name=元素名稱 id=元素id value=元素值/>
其類型由type屬性定義，常見的有：text（文本框）、Radio（單選按鈕）、Checkboxes（復(fù)選框）、submit（提交按鈕）、hidden（隱藏）、reset（重置）和password（密碼框）等。
其中注意，其中單選框和復(fù)選框的是否選中，由checked屬性指定，如果值是”checked”則選定。
4）框架<frame> 標(biāo)簽
Frame 標(biāo)簽定義了放置在每個(gè)框架中的 HTML 文檔。
Frame是獨(dú)立框架，就好像我們的分屏瀏覽一樣，一個(gè)屏幕，瀏覽多個(gè)畫面一樣。框架必須放置在框架結(jié)構(gòu)標(biāo)簽里面（<frameset>），其rows/columns 屬性的值規(guī)定了框架每行或每列占據(jù)屏幕的面積。另外，frameset和body不能同時(shí)使用，除非有noframes，很簡單，因?yàn)閒rame其實(shí)就描繪文檔了，所以，一般不需要再有body進(jìn)行描繪。另外，框架元素一般放置于head元素內(nèi)。Frame元素的src屬性就是設(shè)定了其框架內(nèi)顯示頁面的URL。
5）<iframe> 標(biāo)簽
Iframe的框架，就類似畫中畫的效果，在原頁面插入一個(gè)頁面。語法如下：
<iframe src =url scrolling=yes/no/auto height=xx width=xx>
Src設(shè)定框架內(nèi)要顯示的文檔的url，scrolling設(shè)置是否顯示滾動(dòng)條。Height和widty設(shè)置的就是它的高度和寬度。
關(guān)于HTML文檔的元素，還有一些沒有講到，大家可以參考一些專門的資料，如萬維網(wǎng)的講解，我這里就不再過多的介紹了。
1）圖像 <img>
2）表格<table>
3) 輸入標(biāo)簽 <input>
4）框架<frame> 標(biāo)簽
5）<iframe> 標(biāo)簽
以上各個(gè)元素我們要盡可能的理解掌握，才能在分析網(wǎng)頁的時(shí)候可以隨心所欲。下一講我們繼續(xù)講解HTML網(wǎng)頁的元素的屬性。
本節(jié)知識(shí)點(diǎn)回向：
說出以下個(gè)元素的標(biāo)簽的作用：1）圖像 <img> 2）表格<table> 3) 輸入標(biāo)簽 <input>
4）框架<frame> 標(biāo)簽 5）<iframe> 標(biāo)簽。
本節(jié)參考文件：HTML基礎(chǔ)學(xué)習(xí)-3.html；HTML基礎(chǔ)學(xué)習(xí)-4.html
我20多年的VBA實(shí)踐經(jīng)驗(yàn)，全部濃縮在下面的各個(gè)教程中，教程學(xué)習(xí)順序：
【分享成果，隨喜正能量】在問題出現(xiàn)的那瞬間，一定要控制好情緒，不要發(fā)火，不要偏激，不要說什么過激的話，懂得忍耐。忍耐不是為了讓你不去處理這件事，而是為了避免在情緒失控的情況下，干出什么讓自己丟臉的事情。以后你就會(huì)知道，生活中真的沒有幾件事情是值得我們搭上禮貌，教養(yǎng)，人品和格局的。
語：有時(shí)候在電腦上網(wǎng)的時(shí)候看見自己喜歡的網(wǎng)站或特別的頁面，自己已經(jīng)點(diǎn)擊電腦屏幕上方的星號(hào)收藏這個(gè)頁面了，但有時(shí)候看收藏夾又被密密麻麻的內(nèi)容弄得頭昏眼花，這時(shí)，我的處理方法是把收藏的頁面導(dǎo)出來，新建文件夾分類整理好，這樣下次想看什么內(nèi)容就不用只看收藏夾里小小的字，而是在文件夾中能夠清楚的，按照自己的習(xí)慣，分好類別的，整潔的頁面了。下面是具體操作，根據(jù)提示的1、2、3······進(jìn)行操作，就可以了。
首先打開瀏覽器。找到自己喜歡的頁面，我打開了自己的收藏夾，找到自己喜歡的頁面。然后點(diǎn)擊文字跳轉(zhuǎn)到具體的那個(gè)喜歡的頁面。
然后點(diǎn)擊屏幕上方，瀏覽器的三個(gè)點(diǎn)“···”。
然后點(diǎn)擊“更多工具”。
然后點(diǎn)擊“將頁面另存為”。
選擇文件夾，把頁面保存下來。
最后打開電腦你保存文件在什么地方，就能在該地方找到保存的喜歡頁面，該頁面在文件夾里保存的形式為“html”文件。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
