整合營銷服務商

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

          免費咨詢熱線:

          html開發筆記08- 字體樣式與顏色(標簽的屬性)

          、標簽的分類:雙標簽和單標簽

          雙標簽:就是成對出現的,類似于這種 <html> </html>

          單標簽:就是可以單個使用的,類似于 <br> 換行標簽 或 <hr>水平線標簽。

          二、標簽屬性的作用:

          標簽的屬性是用來定義文字或字符的 顏色、寬高、粗細、大小、等,這個是標簽屬性的作用。


          三、標簽屬性的特性:

          1、每一個標簽都有自己的屬性,單標簽和雙標簽都有。

          2、一個標簽可以有多個屬性。

          3、每個屬性都有對應的值,值要用單或雙引號引起來。

          4、多個屬性之間使用空格隔開。

          5、屬性沒有順序之分。

          6、字體屬性值,必須是系統可以識別的字體,一般為系統自帶字體。

          7、HTML5 中 font 屬性已經棄用。

          源代碼:↓

          <!DOCTYPE html>

          <html lang="en">

          <head>

          <meta charset="UTF-8">

          <!--網頁抬頭-->

          <title>中央氣象局</title>

          </head>

          <body>

          <!--水平線的寬度是500像素,這個width就是標簽屬性-->

          <hr width="500">

          <!--下面這個是多個標簽屬性,多個屬性之間用空格隔開-->

          <font color="red" face="黑體" size="7">標簽屬性</font>

          </body>

          </html>

          • TML標簽:

          1. 所有內容都在<html></html>標簽之內;

          2. <head></head>內放的是頭部信息,是對頁面的描述,不會直接顯示在頁面中。

          3. <head></head>內的<title></title>中設置的是頁面的標題,<title></title>只能放在<head></head>中;

          4. <body></body>是頁面的主體,大部分顯示內容都定義在這里。

        1. HTML注釋:<!-- -->:

          1. 注釋不允許嵌套

        2. html常用標簽:

          1. h標簽(標題),HTML定義了<h1></h1>到<h6></h6>六個h標簽,分別表示不同大小的字體。h1最大,h6最小。

          2. <br/>只是回車,<p>是段落。<p>前后會有比較大的空白,而<br/>則沒有。

          3. <center>居中顯示.

          4. <b>、<strong>粗體,<i>、<em>斜體。<u>下劃線。

          5. <sub>2</sub>下標,如:H<sub>2</sub>O

          6. <sup>2</sup>上標,如:10<sup>2</sup>

          7. <font></font>字體標簽,<font color=“red“ size=“7” face=“隸書”>紅色</font>。color(設置顏色) size(1-7) face(設置字體,設置字體是注意用戶計算機中必須有該字體才能正常顯示)

          8. <hr> color size(厚度) width(長度) align=left/center/right (默認為劇中顯示)

          9. <pre> 預格式化 保持本色;

          10. HTML特殊字符:&lt;(小于號,less than);&gt;(大于號,greater than);&nbsp;(空格)。

          11. 超鏈接:<a>標簽的一些常用屬性:href、title、target、name

          12. 插入圖片:<img src=“路徑”/>

          13. 列表:dl→(定義列表),ul→(無序列表), ol→(有序列表)。

          14. 表格:<table>;創建行:<tr>;創建單元格:<td>;表頁眉:<thead>;表主體:<tbody>;表頁腳:<tfoot>;表頭:<th>。

          15. rowspan(合并行)、colspan(合并列)

          16. <input>是主要的表單元素,type的可選值:submit(提交按鈕)、button(普通按鈕)、checkbox表單標簽:(復選框)、file(文件選擇框)、hidden(隱藏字段)、image(圖片按鈕)、password(密碼框)、radio(單選按鈕)、reset(重置按鈕)、text(文本框)。

          • meta標簽:(包括在head標簽中。主要用來描述頁面自身信息,元信息)

          1. <meta name="keywords" content="C#學習資料,4k8k.net,.net開發,軟件開發,編程自學網"/>

          2. <meta name="description" content="免費更新最新C#相關技術知識,主要包括:.net基礎,網頁前端,三層架構,SQL數據庫..."/>

          3. <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />網頁編碼

          4. <meta http-equiv="Refresh" content="3" />三秒鐘后刷新此網頁。

          5. <meta http-equiv="Refresh" content="3;url=http://www.4k8k.net" />三秒鐘后重定向到新網頁。

          6. <meta http-equiv="Cache-Control" content="no-cache" /> 禁止瀏覽器緩存頁面。

          7. <meta name="名字" content="值" />關于網頁的描述信息。

          8. <meta http-equiv="名字" content="值" />模擬http響應頭信息。

          C#編程自學_做最好的.net自學資料站_更多文章請訪問:http://www.4k8k.net/

          歡迎訂閱。

          當內容的主題發生變化時,使用 <hr> 標簽進行分隔:

          <h1>HTML</h1>

          <p>HTML 是用于描述 web 頁面的一種語言。</p>

          <hr>

          <h1>CSS</h1>

          <p>CSS 定義如何顯示 HTML 元素。</p>


          瀏覽器支持

          所有主流瀏覽器都支持 <hr> 標簽。


          標簽定義及使用說明

          <hr> 標簽定義 HTML 頁面中的主題變化(比如話題的轉移),并顯示為一條水平線。

          <hr> 元素被用來分隔 HTML 頁面中的內容(或者定義一個變化)。


          HTML 4.01 與 HTML5之間的差異

          在 HTML5 中,<hr> 定義內容中的主題變化,并顯示為一條水平線。

          在 HTML 4.01 中,<hr> 標簽僅僅顯示為一條水平線。

          在 HTML 4.01 中,所有的布局屬性都 已廢棄。在 HTML5 中不再支持這些屬性。請使用 CSS 來為 <hr> 元素定義樣式。


          HTML 與 XHTML 之間的差異

          在 HTML 中,<hr> 標簽沒有結束標簽。

          在 XHTML 中,<hr> 標簽必須被正確地關閉,比如 <hr />。


          屬性

          屬性描述
          alignleftcenterrightHTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的對齊方式
          noshadenoshadeHTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的顏色呈現為純色。
          sizepixelsHTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的高度。
          widthpixels%HTML5 不支持。HTML 4.01 已廢棄。 規定 <hr> 元素的寬度。

          全局屬性

          <hr> 標簽支持 HTML 的全局屬性。


          事件屬性

          <hr> 標簽支持 HTML 的事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 精品国产福利在线观看一区| 怡红院一区二区三区| 色欲综合一区二区三区| 3D动漫精品啪啪一区二区下载| 亚洲国产欧美国产综合一区| 国产精品污WWW一区二区三区| 亚洲一区中文字幕| 一区免费在线观看| 中文字幕一区日韩精品| 国产午夜精品一区二区三区| 国产MD视频一区二区三区| 国产一区二区三区91| 日韩在线视频不卡一区二区三区| 性色AV一区二区三区| 国产一区二区三区免费观在线| 最新中文字幕一区| 69久久精品无码一区二区| 性色AV一区二区三区| 色老板在线视频一区二区| 日本强伦姧人妻一区二区| 韩国精品一区二区三区无码视频| 国产一区精品视频| 国产91一区二区在线播放不卡| 精品一区二区三区在线观看| 午夜福利av无码一区二区| 日韩人妻无码一区二区三区综合部| 亚洲av成人一区二区三区| 麻豆文化传媒精品一区二区| a级午夜毛片免费一区二区| 国产一区二区影院| 国产成人一区二区在线不卡| 日本夜爽爽一区二区三区| 女人18毛片a级毛片一区二区| 亚洲国产成人一区二区三区| 日韩爆乳一区二区无码| 色噜噜狠狠一区二区| 国产精品分类视频分类一区| 久久久精品人妻一区二区三区四| 国产亚洲一区二区三区在线观看| 中文日韩字幕一区在线观看| 中文字幕在线视频一区|