1. 程式人生 > >html5 01 隨記

html5 01 隨記

水平 北京昌平 轉換 外部 分享 eight html屬性 有序列表 文件信息

一 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 隨記