HTML的介紹:
- HTML 指的是超文本標記語言,是一門具有特殊功能的文本 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language), markup 范圍了超文本的組成形式
- 標記語言是一套標記標簽 (markup tag)
- HTML 使用標記標簽來描述網頁,HTML是網頁的設計語言,由HTML語言編寫的文件,以.html和.htm結尾的(后綴)。是由瀏覽器運行的。
HMTL基礎標簽介紹:
- <!DOCTYPE>標簽,此標簽沒有結束標簽,在html標簽的上面,位於文檔的第一行,<!DOCTYPE>不是html標簽,它是指示web瀏覽器關於頁面使用哪個HTML版本進行編寫的指令。
- <html></html>標簽,是一對成對標簽,它限定了文檔的開頭和結束,其中還包括了頭部標簽<head></head>,和<body></body>標簽。
- <head></head>標簽,頭部標簽,<head>即為網站頭部開始,</head>為網站頭部結束,head標簽中,可以引入外部的css文件,和js文件,其中特有的tittle標簽(成對標簽)可以在瀏覽器標題欄上顯示所需要的標題。
- <meta charset="utf-8">,head中的標簽,utf-8是一種字符編碼,除此之外在國內網站常用的還有GB2312和GBK。GB2312和GBK主要用於漢字編碼,utf-8是國際編碼,防止亂碼,實用性比較強。
- <body></body>標簽,定義文檔的主體,body標簽中包含了文檔的所有內容(比如:文本標簽,表格標簽,圖片,超鏈接等都是在body中實現的)。
常用標簽:
標簽 | 功能 | |
1 | <hr /> | 水平分割線 |
2 | <br /> | 強制換行 |
3 | <p>...</p> | 段落標簽(自占一行,自帶換行效果) |
4 | <b>...</b> | 文本加粗 |
5 | <strong>...</strong> | 加粗標簽(強調作用,更符合標准流) |
6 | <font color="black" size="16" face="華文行楷">內容</font> | 設置字體的顏色和大小, |
7 | <s>...</s> | 刪除樣式(html5棄用) |
8 | <u>...</u> | 下划線樣式(html5棄用) |
9 | <em>...</em> | 表示強調語氣,以斜體方式展現 |
10 | <i>...</i> | 文字斜體,沒有任何語意 |
11 | <a href="#" target="_blank" tittle="...">...</a> |
錨文本、超鏈接(引號內為跳轉鏈接或者錨點位置內容), target="_blank",另起網頁跳轉,取消則本網頁跳轉,,tittle,鼠標懸停顯示提示文字 |
12 | <h1>...</h1>......<h6>...</h6> | 標題標簽,按數字遞增,字體依次變小,最大為h1,最小為h6(自占一行) |
13 | 內容<sub>12</sub> | 下標,顯示在右下角 |
14 | 內容<sup>12</sup> | 上標,顯示在右上角 |
15 | <ins>...</ins> | 表示插入的字符,表示方式,帶下划線 |
16 | <del>...</del> | 在字符上帶一條刪除線。刪除樣式 |
17 | <code>hello world<code> | 表示此段是程序代碼 |
18 | <pre>內容</pre> | 預格式化。就是你敲在源碼里是什么格式。在頁面上就顯示什么格式。一般跟code配合使用。 |
19 | <!--注釋內容--> | 注釋標簽,注釋內容不會在瀏覽器中顯示,主要用於開發人員對板塊的划分與注釋 |
20 | <font size="1-7" color="顏色" face="字體樣式"></font> | 規范文本標簽,可以設置標簽內文本大小,顏色,樣式。(文本大小取值只有1-7,瀏覽器默認為3,高於7則取7) |
Hbuilder快捷鍵:
快捷鍵 | 含義 | |
1 | CTRL + A | 全選 |
2 | CTRL + C | 復制 |
3 | CTRL + X | 剪切 |
4 | CTRL + V | 粘貼 |
5 | CTRL + Z | 撤銷 |
6 | CTRL + Y | 重構 |
7 | CTRL + R | 運行 |
8 | CTRL + / | 注釋 |
9 | CTRL + F | 查找 |
10 | CTRL + L | 選擇一行 |
11 | CTRL + S | 保存 |
12 | CTRL + D | 刪除一行 |
13 | Tab | 縮進 |
14 | CTRL + Shift + F | 格式化代碼 |