HTML學習教程3-標題段落鏈接圖像屬性水平線注釋

TML標題

HTML標題通過<h1>-<h6>

標題大小與字體大小的關系：1到6號標題與1到6號字體是逆序對應

實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<h1>標題1</h1>
<h2>標題2</h2>
</body>
</html>

HTML段落

HTML段落是通過標簽<p>來定義

實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
</body>
</html>

HTML鏈接

HTML鏈接是通過標簽<a>來定義的

實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
 <a href = "https://www.baidu.com"> 這是一個鏈接</a>
</body>
</html>

HTML圖像

HTML通過標簽<img>來定義

實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<img  src="/images/logo.png" width="258" height="39" />
</body>
</html>

HTML屬性

HTML 元素可以設置屬性
屬性可以在元素中添加附加信息
屬性一般描述于開始標簽
屬性總是以名稱/值對的形式出現，比如：name="value"。

大多數HTML元素的屬性：

屬性	描述
class	為html元素定義一個或多個類名（classname）(類名從樣式文件引入)
id	定義元素的唯一id
style	規定元素的行內樣式（inline style）
title	描述了元素的額外信息 (作為工具條使用)

HTML水平線

<hr>標簽在HTML頁面中創建水平線

hr元素可用于分隔內容

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
	<p>hr 標簽定義水平線：</p>
	<hr />
	<p>這是段落。</p>
	<hr />
	<p>這是段落。</p>
	<hr />
	<p>這是段落。</p>
</body>
</html>

運行結果：

HTML注釋

可以將注釋插入 HTML 代碼中，這樣可以提高其可讀性，使代碼更易被人理解。瀏覽器會忽略注釋，也不會顯示它們。

注釋寫法如下：

、水平線標簽用<hr>表示。

2、直接在那一行的代碼下面加上<hr>即可。

3、水平線在網頁中的效果展示：↓

4、水平線代碼展示：↓

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

《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>

<title>

VBA應用提高篇

</title>

</head>

<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實踐經驗，全部濃縮在下面的各個教程中，教程學習順序：

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

在線咨詢

上一篇：Python在selenium里面注入JavaScript程序的方法
下一篇：JavaScript 異步編程指南 - 聊聊 Node.js 中的事件循環

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML學習教程3-標題 段落 鏈接 圖像 屬性 水平線 注釋