整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML文檔元素

          HTML文檔元素

          分享成果,隨喜正能量】人生,有多少計較,就有多少痛苦。有多少寬容,就有多少歡樂。痛苦與歡樂都是心靈的折射,就像鏡子里面有什么,決定于鏡子面前的事物。心里放不下,自然成了負擔,負擔越多,人生越不快樂。計較的心如同口袋,寬容的心猶如漏斗。復雜的心愛計較,簡單的心易快樂。

          《VBA信息獲取與處理》教程是我推出第六套教程,目前已經是第一版修訂了。這套教程定位于最高級,是學完初級,中級后的教程。這部教程給大家講解的內容有:跨應用程序信息獲得、隨機信息的利用、電子郵件的發送、VBA互聯網數據抓取、VBA延時操作,剪貼板應用、Split函數擴展、工作表信息與其他應用交互,FSO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數等等內容。程序文件通過32位和64位兩種OFFICE系統測試。是非常抽象的,更具研究的價值。

          教程共兩冊,八十四講。今日的內容是專題八“VBA與HTML文檔”的第二節上半部分:HTML文檔元素

          第二節 HTML文檔的元素分析之一

          大家好,我們這講開始HTML的講解,為了認識這種特殊的語言,我們要先看看這種語言中的各種元素個代表什么意義。上節中在講這種語言的特征時講過,標簽是用來描述網頁的。瀏覽器讀取HTML文檔,識別標簽,并按標簽要求以網頁進行顯示文本。大部分標簽都是成隊出現的。

          起始標簽和結束標簽之間的所有文本,都叫做元素。也就是這個格式就是:

          <起始標簽:也叫元素名>元素的內容<結束標簽:/+元素名>

          標簽是可以擁有屬性的,屬性提供了元素的一些附加信息,起始標簽,有時候格式如下:

          <元素名 屬性名稱=”屬性值”>

          同時,元素是可以擁有元素的,即某個元素的內容有時候是一個子元素。

          元素這東西,比較抽象,我們可以把它且當作一個對象來理解,例如工作簿對象,每個工作簿的名稱都不一樣(屬性),每個工作簿里面都有工作表(子元素),每個表都有名稱(屬性),里面填寫的內容也不一樣(元素的內容)。

          1 HTML文檔構成的整體框架結構

          在上一講中我們舉了一個最為簡單的實例來說明HTML文檔:

          <html>

          <body>

          <h1>學習VBA語言</h1>

          <p>為了更好的掌握VBA的各個知識點,您可以參考我的第一套教程:VBA代碼解決方案</p>

          </body>

          </html>

          我們將上面的格式修正一下,如下面:

          <html>

          <head> <!--注釋:文檔頭部,文檔相關消息,并不提供文檔內容-->

          <title>

          VBA應用提高篇

          </title>

          </head>

          <body> <!--注釋:文檔主體-->

          <h1>學習VBA語言</h1>

          <p>為了更好的掌握VBA的各個知識點,您可以先參考我的第一套教程:VBA代碼解決方案</p>

          </body>

          </html>

          將上面的內容寫入記事本中保存為.html文件:HTML基礎學習-1.html

          然后我們雙擊打開這個文件,看看瀏覽器的翻譯效果:

          我們再看看網頁的源碼:

          從上面的框架代碼,我們可以看出,一般的頁面,都有html元素,其一般內含兩個元素,一個是head元素,一個是body元素。Head元素僅僅說明文檔的相關消息,并不展示文檔實體,body元素才是真正展示文檔主體的,所有要在頁面展示的元素,都要在body內進行書寫。

          2 HTML文檔常用元素的構成

          1)HTML標題 <h1> - <h6>

          標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。<h1> 定義最大的標題。<h6> 定義最小的標題。瀏覽器會自動地在標題的前后添加空行。標題很重要,將 HTML heading 標簽只用于標題。不要僅僅是為了產生粗體或大號的文本而使用標題。因為用戶可以通過標題來快速瀏覽您的網頁,所以用標題來呈現文檔結構是很重要的。應該將 h1 用作主標題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。在HTML基礎學習.HTML文件中我們已經用到了標題的元素

          2)HTML水平線 <hr />

          <hr /> 標簽在 HTML 頁面中創建水平線。可用于分隔內容。

          [待續]

          本節參考文件:HTML基礎學習-1.html;HTML基礎學習-2.html

          我20多年的VBA實踐經驗,全部濃縮在下面的各個教程中,教程學習順序:

          【分享成果,隨喜正能量】人生,一歲有一歲的味道,一站有一站的風景,你的年齡應該成為你生命的勛章而不是你傷感的理由。 ??

          分享成果,隨喜正能量】人可以無知,但不可以無趣。在自己的心上種一顆快樂的種子,堅定、快樂的做自己的事,更讓大家不那么無趣。

          《VBA信息獲取與處理》教程是我推出第六套教程,目前已經是第一版修訂了。這套教程定位于最高級,是學完初級,中級后的教程。這部教程給大家講解的內容有:跨應用程序信息獲得、隨機信息的利用、電子郵件的發送、VBA互聯網數據抓取、VBA延時操作,剪貼板應用、Split函數擴展、工作表信息與其他應用交互,FSO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數等等內容。程序文件通過32位和64位兩種OFFICE系統測試。是非常抽象的,更具研究的價值。

          教程共兩冊,八十四講。今日的內容是專題八“VBA與HTML文檔”的第二節上半部分:HTML文檔常用元素匯總

          第二節 HTML文檔的元素分析之一

          3)HTML 注釋 <!-- 與 -->

          注釋標簽 <!-- 與 --> 用于在 HTML 插入注釋。可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。開始括號之后(左邊的括號)需要緊跟一個嘆號,結束括號之前(右邊的括號)不需要。

          注釋可以按下面的格式寫:

          <!--注釋:文檔頭部,文檔相關消息,并不提供文檔內容-->

          4)段落 <p>

          段落是通過 <p> 標簽定義的。瀏覽器會自動地在段落的前后添加空行。(<p> 是塊級元素)

          在上面的例子中我們已經用到了表述段落的符號<p>,我們如果提取網頁小說的數據,新聞等頁面的消息,文本都是一段一段的,這樣的頁面,我們就可以通過<p>標簽實現。當運用ie/webbrowser方式提取這類網頁的時候,歷遍所有段落p元素即可。

          使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。可以用 <br /> 標簽代替它!(但是不要用 <br /> 標簽去創建列表。)

          5)超鏈接 <a>

          使用 <a> 標簽在 HTML 中創建鏈接。

          超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。當您把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。

          有兩種使用 <a> 標簽的方式:通過使用 href 屬性 - 創建指向另一個文檔的鏈接也可以通過使用 name 屬性 - 創建文檔內的書簽。

          超鏈接是我們最常見的頁面元素,基本的門戶網站都有他,點了以后,可以跳轉到另一個頁面。一般語法格式:

          <a href=”跳轉的URL” target=” _blank/_self”>顯示的超鏈接文本</a>

          Target屬性,表示的是當我們點擊超鏈接,是在原頁面進行跳轉(_self)還是新建頁面進行跳轉(_blank)。

          為了說明這種超鏈接,我們更正一下“HTML基礎學習-1.html”的內容:

          <html>

          <head> <!--注釋:文檔頭部,文檔相關消息,并不提供文檔內容-->

          <title>

          VBA應用提高篇

          </title>

          </head>

          <body> <!--注釋:文檔主體-->

          <h1>學習VBA語言</h1>

          <p>為了更好的掌握VBA的各個知識點,您可以先參考我的第一套教程:VBA代碼解決方案</p>

          <a href="https://mbd.baidu.com/newspage/data/landingshare?pageType=1&isBdboxFrom=1&context=%7B%22nid%22%3A%22news_9520815886500285610%22%2C%22sourceFrom%22%3A%22bjh%22%7D" target=" _blank">顯示學習的網頁</a>

          </body>

          </html>

          講上述代碼另存為“HTML基礎學習-2.html”內容截圖:

          打開這個文件:

          點擊鏈接:

          查看一下源碼:

          3 本節介紹的HTML文檔常用元素匯總

          1)標題 <h1> - <h6>

          2)水平線 <hr />

          3)注釋 <!-- 與 -->

          4)段落 <p>

          5)超鏈接 <a>

          以上各個元素我們要熟練的掌握,才能在分析網頁的時候可以隨心所欲。下一講我們繼續講解HTML網頁的元素構成。

          本節知識點回向:

          什么是HTML文檔的框架結構是怎樣的?說出以下個元素的標簽:標題,水平線,注釋,段落,超鏈接 。

          本節參考文件:HTML基礎學習-1.html;HTML基礎學習-2.html

          我20多年的VBA實踐經驗,全部濃縮在下面的各個教程中,教程學習順序:

          【分享成果,隨喜正能量】人生在世,會遇到一些好事,還會遇上些壞事。好事我承受得起,壞事也承受得住。就這樣坦蕩蕩做個尋常人也不壞。

          tml元素類型:

          html元素的類型主要可分為塊級元素、行內元素、行內塊元素分別對應的各自的display屬性,block、inline、inline-block

          1. 塊級元素:默認設置display:block的元素

          [胡瓜]<div>、<h1>~<h6>、<p>、<ul>、<ol>、<li>等

          特點:

          a、前后都有換行符 (自己獨占一行);

          b、高度、寬度、內外邊距各方向可以自由控制;

          c、默認寬度是父容器的100%;

          d、里面可以放行內元素、行內塊元素或塊級元素;(文字類標簽里面不能放塊級元素)

          2.行內元素/內聯元素:默認設置display:inline的元素

          <a>、<strong>、<b>、<em>、<i>、<del>、<s>、<span>等

          特點:

          1、前后無換行符 (相鄰的行內元素在一行上,一行可以有多個行內元素,但之間有空隙(可以設置負margin值解決,設置的大小各瀏覽器不一));

          2、設置的寬和高是不起作用,元素大小根據元素內文本決定; 豎直方向的margin無效,水平有效;豎直和水平方向的padding都有效(豎直方向的padding有效,但不會撐開周圍的盒子)

          3、行內元素里只能放文本或者行內元素;(a標簽里可以放塊級元素)

          3.行內塊元素:默認設置display:inline-block的元素

          <img/>、<input/>、<td>等

          特點:

          1、前后無換行符 (相鄰的行內元素在一行上,一行可以有多個行內元素,但之間有空隙(可以設置負margin值解決,設置的大小各瀏覽器不一));

          2、默認的寬度為內容決定;可以設置寬高,會覆蓋默認的寬度;

          3、各個方向的margin和padding都有效


          主站蜘蛛池模板: 天海翼一区二区三区高清视频| 无码精品视频一区二区三区| 国产裸体舞一区二区三区| 亚洲一本一道一区二区三区 | 国产精品视频一区麻豆| 久久无码人妻一区二区三区午夜| 人妻aⅴ无码一区二区三区| 伊人无码精品久久一区二区| 国产精品综合一区二区| 无码人妻一区二区三区在线水卜樱 | 一区二区在线免费视频| 三上悠亚一区二区观看| 日韩一区二区超清视频| 日本一区二区在线不卡| 无码人妻视频一区二区三区| 国产SUV精品一区二区88| 久久久精品日本一区二区三区| 日韩人妻精品一区二区三区视频| 秋霞日韩一区二区三区在线观看| 一区二区三区无码高清| 亚洲蜜芽在线精品一区| 一区二区三区内射美女毛片 | 日韩精品一区二区三区国语自制| 亚洲国产精品一区二区九九| 色老头在线一区二区三区| 国产AV天堂无码一区二区三区| 一区二区视频传媒有限公司| 国产午夜精品一区二区三区极品| 成人一区二区免费视频| 性色AV一区二区三区天美传媒 | 色一乱一伦一图一区二区精品| 日韩免费一区二区三区| 国产成人一区二区三区视频免费 | 日本美女一区二区三区| 97久久精品一区二区三区| 精品国产一区二区三区久久蜜臀 | 中文字幕一区在线观看视频| 超清无码一区二区三区| 少妇人妻精品一区二区| 78成人精品电影在线播放日韩精品电影一区亚洲 | 一区二区三区福利视频|