html基礎知識
阿新 • • 發佈：2017-06-25
meta seo submit 情況 錨點 style 出現 設置 編程
目錄
- 什麽是html
- html的文檔結構
- html的常用標簽
1.什麽是html
html是超文本標記語言(HyperText Markup Language)。超文本表示可以鏈接文本 、圖片、鏈接、音樂、程序等；標簽表示html文件是各種各樣的標簽組成，其中包含單標簽和雙標簽。單標簽如<meta>，<hr>;雙標簽如<head></head>。
html的運行環境為瀏覽器，而瀏覽器是用來打開網頁的，瀏覽器中我們見到的所有的網頁本質上都是一個文本，而這文本又稱之為 html。html文本的後綴名為.html.
註：html不是編程語言，而是標記語言
2.html的文檔結構
下面為html文檔的結構
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
文檔聲明
<!DOCTYPE html> html5文檔聲明頭 ，想要完整的使用html5語法，必須使用 文檔聲明頭，聲明當前文件是html5文件。
<html></html>標簽
定義html文檔內容的結構 所有的html文檔的內容 都需要寫在這對標簽內部。
<head></head>標簽
頭部，通常情況下，裏面寫的內容是對於當前網頁的一些預定義信息設置。包含<meta>標簽，<title>標簽。
<meta charset="UTF-8"> 設定當前網頁的編碼格式 meta標簽是一個單標簽，通過charset 屬性，將其屬性值設置為需要 的編碼，即可為當前的網頁設置編碼格式。次標簽與網站的seo優化有關。
<title></title>,中間放網頁標題。 通常情況下， tilte要放在meta字符集設置的下面，防止出現亂碼
還可以放其他標簽如<style>css代碼</style>，
<body></body>標簽
身體部分，網頁裏面要顯示給用戶看的內容，全部寫在body標簽裏面
3. html的常用標簽
帶有語義的標簽
- <h></h>標簽有h1~h6級標題標簽
- <p></p>段落
- <hr>分割線
- <br>換行
- <em></em>表示強調
- <strong></strong>表示強調，比em更重
- <abbr> </abbr>定義縮寫
- <address> </address>定義地址元素
- <blockquote> </blockquote>定義塊引用，通常會產生縮進
- <cite> </cite>引用某本書，進行說明
- <ins> </ins>定義被插入文本
- <del> </del>定義被刪除文本
帶有樣式的標簽，同時帶有語義
- <b> </b>定義粗體文本
- <i> </i>定義斜體文本
- <big> </big>定義大號文本
- <small> </small>定義小號字體文本
- <sup> </sup>上標文本
- <sub </sub>下標文本
- <bdo> </bdo>定義文本顯示方向，屬性dir,值為ltr,rtl
輸出類標簽
- <pre></pre>原樣輸出
- <code></code>定義代碼文本
- <kbd></kbd>定義鍵盤文本
- <var></var>定義變量
功能類標簽
- <a></a>定義超鏈接或錨點
- <ul> <li></li></ul>定義無序列表
- <ol><li></li></ol>定義有序列表
- <iframe></iframe>頁面嵌套
- <dl></dl> <dt></dt> <dd></dd>項目列表描述
- <img>標簽 屬性有src="1.jpg" alt="替代文本" width="寬" height="長"
- <map></map>定義圖像映射
- <area></area>定義圖像映射內部區域
- <base></base>基礎連接
- <table></table>定義表格
- <caption></caption> 表格標題
- <th></th>表格頁眉
- <tr></tr>表格的行
- <td></td>表格的單元格
- <thead></thead>表格的頭部
- <tbody></tbody>表格的主幹
- <tfoot></tfoot>表格的尾部
- <form></form>表單
- <input></input>輸入域。有type屬性，alt屬性，src屬性，checked屬性，disable屬性等
- <textarea></textarea>文本輸入區，其屬性有cols，rols，disabled，name，readonly
- <button></button>按鈕,其屬性有type(reset,button,submit)，name，value，disabled
- <select></select>下拉菜單，屬性有disabled，multipe，name，size
- <optgroup></optgroup>定義選項分組，有label屬性和disabled屬性
- <option></option>定義下拉列表選項，屬性有disabled，label，selected，value
- <fieldest></fieldest>表單中相關元素分組
- <legend></legend>定義分組標題
html基礎知識