html5 01 隨記

來源:互聯網
上載者:User

標籤:十六進位   列表   tle   檔案   記憶   html 標籤   隨記   主題   head   

 一  HTML 是一種製作網站的標記語言

二、HTML基本文法

  1. HTML 標籤

 html標籤是html中的最基本單位 也是最重要的部分

           通常使用尖角號 開始”<”和結束”>”

標籤分為兩種(成對出現 和不成 對出現)

雙標籤:(成對)<標籤名>內容</標籤名>

例如:<body></body><html></html>

單標籤:(不成對):<標籤名/>或者<標籤名>

例如:<meta/><br/>

 

 標籤是不區分大小寫<body>和<BODY>是一樣的 推薦使用小寫

html標籤和屬性都不區分大小寫

2. HTML標籤屬性  

 Html屬性有一般出現在HTML開始標籤中 是html標籤的一部分

 標籤中有屬性包含著一些額外資訊 屬性值一定是要使用雙引號””

   標籤中可以有多個屬性

 屬性的組成: 屬性名稱=”屬性值”

   文法格式:

單屬性

<標籤名 屬性名稱=”屬性值”></標籤名>

<標籤名 屬性名稱=”屬性值” />

多屬性

<標籤名 屬性名稱=”屬性值” 屬性名稱=”屬性值” 屬性名稱=”屬性值”></標籤名>

<標籤名 屬性名稱=”屬性值”  屬性名稱=”屬性值” 屬性名稱=”屬性值”/>

3.HTML代碼格式

任何的空格和斷行符號在代碼中不起任何作用

用於排版

4. HTML 中的顏色設定

a)      全是英文: red green yellow white blue black pink purple.....

b)      使用六位的十六進位的數

 #000000 - #ffffff

請書寫顏色值的時候帶上#號

 5. HTML注釋 和 文檔聲明

注釋的特點

A.注釋不會顯示在瀏覽器上

B.對代碼的註解

C.注釋有利於團隊開發

D.注釋是用於快速恢複記憶

E.注釋不能嵌套

文檔聲明

<!DOCTYPE html > 

6主題結構

7 實體(特殊字元)

   &lt; <

   &gt; >

   &nbsp; 空格

   &copy;?

   &yen; ¥

   &quot; ‘’

 8. HEAD 頭部分元素

 Title ---  代表html文檔的標題

 Meta --- 代表用於定義檔案資訊的名稱和內容

 Link --- 當在文檔中聲明外部資源的時候使用此標籤

 Style--- 在文檔中使用樣式表的時候

 Script --- 在文檔中使用JavaScript的時候

 Base  將相對位址轉換為絕對位址

<!-- 將相對路徑 轉換為絕對路徑 -->

            <base href="http://www.baidu.com">

 相對路徑

./css.css

  按照你當前位置的內容開始算 

例如:我在101直播間

 ./ 當前位置

../ 上級目錄

 

 絕對路徑   

從頭找到尾

  例如:地球中國北京昌平回龍觀育榮教育園區 oto直播間 101室

http://www.baidu.com

 

 9. 格式標籤

① <br/> 換列標籤

② <hr/> 水平分割線標籤

③ <p></p> 段落標籤

④ <pre></pre> 按原格式顯示標籤

⑤ <li></li> 每個列表標籤

⑥ <ul></ul> 無序列表

⑦ <ol></ol> 有序列表

10.文字標籤

  1. <hn></hn> 標題字標籤  n為1-6的數字 表示定義6級標題 而且會自動換行
  2. <i></i>  斜體字標籤
  3. <u></u> 底線標籤
  4. <b></b> 字型加粗標籤
  5. <sub></sub> 下標字型標籤
  6. <sup></sup>  上標字型標籤
  7. <em></em> 表示強調 通常為 斜體字 
  8. <strong></strong> 表示強調 通常為粗體字
  9. <small></small> 小型字型標籤
  10. <big></big>  大型字型標籤
  11. <tt></tt> 打字機字型

 

html5 01 隨記

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.