html5 01 隨記
一 HTML 是一種制作網站的標記語言
二、HTML基本語法
- 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 實體(特殊字符)
< <
> >
空格
©?
¥ ¥
" ‘’
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.文本標簽
- <hn></hn> 標題字標簽 n為1-6的數字 表示定義6級標題 而且會自動換行
- <i></i> 斜體字標簽
- <u></u> 下劃線標簽
- <b></b> 字體加粗標簽
- <sub></sub> 下標字體標簽
- <sup></sup> 上標字體標簽
- <em></em> 表示強調 通常為 斜體字
- <strong></strong> 表示強調 通常為粗體字
- <small></small> 小型字體標簽
- <big></big> 大型字體標簽
- <tt></tt> 打字機字體
html5 01 隨記