整合營銷服務商

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

          免費咨詢熱線:

          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,我們一起飛!


          主站蜘蛛池模板: 成人一区二区三区视频在线观看 | 成人精品视频一区二区三区尤物 | 日韩在线一区二区| 蜜芽亚洲av无码一区二区三区| 中文字幕一区二区日产乱码| 波多野结衣电影区一区二区三区| 久久精品无码一区二区三区不卡| 国产精品av一区二区三区不卡蜜 | 一区高清大胆人体| 一区二区三区四区无限乱码| 蜜芽亚洲av无码一区二区三区| 亚洲av成人一区二区三区观看在线 | 精品国产一区二区三区免费看| 无码成人一区二区| 精品欧洲av无码一区二区14| 人妻无码第一区二区三区| 竹菊影视欧美日韩一区二区三区四区五区 | 国产精品va一区二区三区| 精品视频一区二区三区在线观看| 亚洲日本va午夜中文字幕一区| 精品日韩一区二区| 国产精品无码一区二区在线 | 香蕉久久AⅤ一区二区三区| 国产乱码精品一区二区三区四川人| 亚洲Av高清一区二区三区| 精品人妻少妇一区二区三区| 亚洲乱码一区二区三区国产精品 | 日本大香伊一区二区三区| 日本精品一区二区久久久 | 少妇无码一区二区三区免费| 日本免费一区二区久久人人澡| 伊人久久大香线蕉av一区| 国产午夜精品一区二区三区漫画| 春暖花开亚洲性无区一区二区| 一区二区三区中文字幕| 国产91大片精品一区在线观看| 国产在线视频一区二区三区| 国产成人AV一区二区三区无码| 成人国内精品久久久久一区| 中文字幕乱码亚洲精品一区 | 日韩一区二区视频在线观看|