天的主題是網(wǎng)頁編程中的水平線。
同學們好,今天我來分享一些免費的少兒編程知識。只要每天堅持學習一行代碼,你也可以成為編程高手!今天我們要學習如何在HTML中插入一條水平線,使用的是HR標簽。HR是一個自閉合標簽,雖然它沒有標準的屬性,但我們可以通過CSS來控制它的外觀。
先來看看我們的實例效果。在頁面上,兩行文字被一條直線分開。這條直線就是HR標簽,效果已經(jīng)展示出來了。現(xiàn)在我們來看看實現(xiàn)的代碼。HR標簽的寫法非常簡單,但在最開始的時候,它有四個屬性,現(xiàn)在已經(jīng)不被標準支持了。盡管如此,我們?nèi)匀豢梢允褂盟?/p>
今天的實例中,我們已經(jīng)將這些標簽加入到了代碼中。如果你感興趣,可以查看下方的代碼。按下空格鍵可以看到過時的屬性不會被智能提示,但這并不影響代碼的正確性。將注釋取消后保存,然后回到瀏覽器刷新,可以看到屬性仍然有效。線條的高度為3,寬度為400,并且居中顯示。取消陰影后,線條將變?yōu)榧兩?/p>
這只是一個演示,你可以參考一下。從這個示例中,我們可以看到,HR標簽的寬度是根據(jù)頁面寬度自動調(diào)整的。當它的寬度達到整個瀏覽器時,它會自動換行。既然屬性已經(jīng)過時了,那么我們?nèi)绾瓮ㄟ^HTML來控制外觀呢?CSS是我們今天要學習的內(nèi)容。
先取消注釋的代碼,讓HTML失效,然后保存。回到瀏覽器刷新,就可以看到線條變成了藍色。
今天的分享就到這里,希望各位同學可以試著寫三遍,不需要看視頻也可以掌握這個技巧。如果你需要案例和相關(guān)文檔,可以向我咨詢。
我們下期再見,想學習編程的同學記得關(guān)注哦。
分享成果,隨喜正能量】人生,有多少計較,就有多少痛苦。有多少寬容,就有多少歡樂。痛苦與歡樂都是心靈的折射,就像鏡子里面有什么,決定于鏡子面前的事物。心里放不下,自然成了負擔,負擔越多,人生越不快樂。計較的心如同口袋,寬容的心猶如漏斗。復雜的心愛計較,簡單的心易快樂。
《VBA信息獲取與處理》教程是我推出第六套教程,目前已經(jīng)是第一版修訂了。這套教程定位于最高級,是學完初級,中級后的教程。這部教程給大家講解的內(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的講解,為了認識這種特殊的語言,我們要先看看這種語言中的各種元素個代表什么意義。上節(jié)中在講這種語言的特征時講過,標簽是用來描述網(wǎng)頁的。瀏覽器讀取HTML文檔,識別標簽,并按標簽要求以網(wǎng)頁進行顯示文本。大部分標簽都是成隊出現(xiàn)的。
起始標簽和結(jié)束標簽之間的所有文本,都叫做元素。也就是這個格式就是:
<起始標簽:也叫元素名>元素的內(nèi)容<結(jié)束標簽:/+元素名>
標簽是可以擁有屬性的,屬性提供了元素的一些附加信息,起始標簽,有時候格式如下:
<元素名 屬性名稱=”屬性值”>
同時,元素是可以擁有元素的,即某個元素的內(nèi)容有時候是一個子元素。
元素這東西,比較抽象,我們可以把它且當作一個對象來理解,例如工作簿對象,每個工作簿的名稱都不一樣(屬性),每個工作簿里面都有工作表(子元素),每個表都有名稱(屬性),里面填寫的內(nèi)容也不一樣(元素的內(nèi)容)。
在上一講中我們舉了一個最為簡單的實例來說明HTML文檔:
<html>
<body>
<h1>學習VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點,您可以參考我的第一套教程:VBA代碼解決方案</p>
</body>
</html>
我們將上面的格式修正一下,如下面:
<html>
<head> <!--注釋:文檔頭部,文檔相關(guān)消息,并不提供文檔內(nèi)容-->
<title>
VBA應(yīng)用提高篇
</title>
</head>
<body> <!--注釋:文檔主體-->
<h1>學習VBA語言</h1>
<p>為了更好的掌握VBA的各個知識點,您可以先參考我的第一套教程:VBA代碼解決方案</p>
</body>
</html>
將上面的內(nèi)容寫入記事本中保存為.html文件:HTML基礎(chǔ)學習-1.html
然后我們雙擊打開這個文件,看看瀏覽器的翻譯效果:
我們再看看網(wǎng)頁的源碼:
從上面的框架代碼,我們可以看出,一般的頁面,都有html元素,其一般內(nèi)含兩個元素,一個是head元素,一個是body元素。Head元素僅僅說明文檔的相關(guān)消息,并不展示文檔實體,body元素才是真正展示文檔主體的,所有要在頁面展示的元素,都要在body內(nèi)進行書寫。
1)HTML標題 <h1> - <h6>
標題(Heading)是通過 <h1> - <h6> 等標簽進行定義的。<h1> 定義最大的標題。<h6> 定義最小的標題。瀏覽器會自動地在標題的前后添加空行。標題很重要,將 HTML heading 標簽只用于標題。不要僅僅是為了產(chǎn)生粗體或大號的文本而使用標題。因為用戶可以通過標題來快速瀏覽您的網(wǎng)頁,所以用標題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。應(yīng)該將 h1 用作主標題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。在HTML基礎(chǔ)學習.HTML文件中我們已經(jīng)用到了標題的元素
2)HTML水平線 <hr />
<hr /> 標簽在 HTML 頁面中創(chuàng)建水平線。可用于分隔內(nèi)容。
[待續(xù)]
本節(jié)參考文件:HTML基礎(chǔ)學習-1.html;HTML基礎(chǔ)學習-2.html
我20多年的VBA實踐經(jīng)驗,全部濃縮在下面的各個教程中,教程學習順序:
【分享成果,隨喜正能量】人生,一歲有一歲的味道,一站有一站的風景,你的年齡應(yīng)該成為你生命的勛章而不是你傷感的理由。 ??
制各種圖形步驟
1 開始新路徑
beginPath() 開始新路徑 繪制矩形和填充矩形可省略此步驟
2 設(shè)置路徑
moveTo(x,y) 移動起始點到x,y
lineTo(x,y) 繪制目前端點到x,y的直線
arc(x,y,r,startAngle,endAngle,antiClockwise) 繪制圓形或圓弧
fillRect(x,y,width,height) 繪制填滿矩形
strokeRect(x,y,width,height) 繪制輪廓矩形(只有邊框,不填充顏色)
3 將路徑頭尾相連
closePath() 關(guān)閉路徑
4 將路徑繪制到canvas繪圖區(qū)
Stroke() 繪制邊框
Fill() 填充圖形
繪制直線
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。