HTML標(biāo)題通過<h1>-<h6>
標(biāo)題大小與字體大小的關(guān)系:1到6號標(biāo)題與1到6號字體是逆序?qū)?yīng)
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
<h1>標(biāo)題1</h1>
<h2>標(biāo)題2</h2>
</body>
</html>
HTML段落是通過標(biāo)簽<p>來定義
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
</body>
</html>
HTML鏈接是通過標(biāo)簽<a>來定義的
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
<a href = "https://www.baidu.com"> 這是一個鏈接</a>
</body>
</html>
HTML通過標(biāo)簽<img>來定義
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
<img src="/images/logo.png" width="258" height="39" />
</body>
</html>
大多數(shù)HTML元素的屬性:
屬性 | 描述 |
class | 為html元素定義一個或多個類名(classname)(類名從樣式文件引入) |
id | 定義元素的唯一id |
style | 規(guī)定元素的行內(nèi)樣式(inline style) |
title | 描述了元素的額外信息 (作為工具條使用) |
<hr>標(biāo)簽在HTML頁面中創(chuàng)建水平線
hr元素可用于分隔內(nèi)容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
<p>hr 標(biāo)簽定義水平線:</p>
<hr />
<p>這是段落。</p>
<hr />
<p>這是段落。</p>
<hr />
<p>這是段落。</p>
</body>
</html>
運行結(jié)果:
可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
注釋寫法如下:
<!-- 這是一個注釋 -->
4、水平線代碼展示:↓
分享成果,隨喜正能量】人生,有多少計較,就有多少痛苦。有多少寬容,就有多少歡樂。痛苦與歡樂都是心靈的折射,就像鏡子里面有什么,決定于鏡子面前的事物。心里放不下,自然成了負(fù)擔(dān),負(fù)擔(dān)越多,人生越不快樂。計較的心如同口袋,寬容的心猶如漏斗。復(fù)雜的心愛計較,簡單的心易快樂。
《VBA信息獲取與處理》教程是我推出第六套教程,目前已經(jīng)是第一版修訂了。這套教程定位于最高級,是學(xué)完初級,中級后的教程。這部教程給大家講解的內(nèi)容有:跨應(yīng)用程序信息獲得、隨機信息的利用、電子郵件的發(fā)送、VBA互聯(lián)網(wǎng)數(shù)據(jù)抓取、VBA延時操作,剪貼板應(yīng)用、Split函數(shù)擴展、工作表信息與其他應(yīng)用交互,F(xiàn)SO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數(shù)等等內(nèi)容。程序文件通過32位和64位兩種OFFICE系統(tǒng)測試。是非常抽象的,更具研究的價值。
教程共兩冊,八十四講。今日的內(nèi)容是專題八“VBA與HTML文檔”的第二節(jié)上半部分:HTML文檔元素
大家好,我們這講開始HTML的講解,為了認(rèn)識這種特殊的語言,我們要先看看這種語言中的各種元素個代表什么意義。上節(jié)中在講這種語言的特征時講過,標(biāo)簽是用來描述網(wǎng)頁的。瀏覽器讀取HTML文檔,識別標(biāo)簽,并按標(biāo)簽要求以網(wǎng)頁進行顯示文本。大部分標(biāo)簽都是成隊出現(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)容)。
在上一講中我們舉了一個最為簡單的實例來說明HTML文檔:
<html>
<body>
<h1>學(xué)習(xí)VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點,您可以參考我的第一套教程:VBA代碼解決方案</p>
</body>
</html>
我們將上面的格式修正一下,如下面:
<html>
<head> <!--注釋:文檔頭部,文檔相關(guān)消息,并不提供文檔內(nèi)容-->
<title>
VBA應(yīng)用提高篇
</title>
</head>
<body> <!--注釋:文檔主體-->
<h1>學(xué)習(xí)VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點,您可以先參考我的第一套教程:VBA代碼解決方案</p>
</body>
</html>
將上面的內(nèi)容寫入記事本中保存為.html文件:HTML基礎(chǔ)學(xué)習(xí)-1.html
然后我們雙擊打開這個文件,看看瀏覽器的翻譯效果:
我們再看看網(wǎng)頁的源碼:
從上面的框架代碼,我們可以看出,一般的頁面,都有html元素,其一般內(nèi)含兩個元素,一個是head元素,一個是body元素。Head元素僅僅說明文檔的相關(guān)消息,并不展示文檔實體,body元素才是真正展示文檔主體的,所有要在頁面展示的元素,都要在body內(nèi)進行書寫。
1)HTML標(biāo)題 <h1> - <h6>
標(biāo)題(Heading)是通過 <h1> - <h6> 等標(biāo)簽進行定義的。<h1> 定義最大的標(biāo)題。<h6> 定義最小的標(biāo)題。瀏覽器會自動地在標(biāo)題的前后添加空行。標(biāo)題很重要,將 HTML heading 標(biāo)簽只用于標(biāo)題。不要僅僅是為了產(chǎn)生粗體或大號的文本而使用標(biāo)題。因為用戶可以通過標(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實踐經(jīng)驗,全部濃縮在下面的各個教程中,教程學(xué)習(xí)順序:
【分享成果,隨喜正能量】人生,一歲有一歲的味道,一站有一站的風(fēng)景,你的年齡應(yīng)該成為你生命的勛章而不是你傷感的理由。 ??
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。