1. 首頁 > 生活百科 > >

1 人人都懂的HTML基礎知識-HTML教程

生活百科

01、HTML基礎簡介HTML (HyperText Markup Language，超文本標記語言) 不是一門編程語言，而是一種用于定義內容結構的標記語言 ， 用來描述網頁內容 ， 文件格式為.html 。HTML 由一系列的元素（elements）組成，這些元素用來實現不同的內容 。HTML5是HTML新的修訂版本，2014年由W3C制定發布，增加了很多語義化標簽 。

W3C：World Wide Web Consortium，萬維網聯盟組織，是一個國際互聯網標準化組織，1994年成立，核心目的是制定WEB規范標準 。
WEB標準主要包括三個方面：
  • 結構標準（HTML）：超文本標記語言（HyperText Markup Language），定義網頁內容的組織結構 。
  • 表現標準（CSS）：層疊樣式表（Cascading Style Sheets），用于設置網頁元素的版式、顏色、大小等外觀樣式 。
  • 行為標準（JS）：JavaScript，用于實現網頁的交互和行為 。
1.1、HTML知識結構
1 人人都懂的HTML基礎知識-HTML教程

文章插圖
詳見前端技術路線圖
1.2、<基礎語法>HTML 是一種<XML>格式的標記語言 ， 每一個標簽都是以尖括號“<>”來定義的 。HTML不區分大小寫，HTML中的標簽名、屬性名都統一小寫，都按照小寫來處理，就是說如果你大寫的也會被轉換為小寫，?自定義標簽、屬性時需注意 。
<標簽名 屬性名=“屬性值”>內容</標簽名>

1 人人都懂的HTML基礎知識-HTML教程

文章插圖
一個元素主要部分：開始標簽、結束標簽與內容相結合，開始標簽中還包括屬性/值 。
  • 開始標簽（Opening tag）：包含元素的名稱（本例為 p），被大于號、小于號所包圍，表示元素從這里開始或者開始起作用 。
  • 結束標簽（Closing tag）：與開始標簽相似，只是其在元素名之前包含了一個斜杠/，這表示元素的結尾 。
  • 內容（Content）：元素的內容 ， 元素標簽內的內容 。
  • 屬性：屬性定義元素的一些額外信息，一個屬性就是一個鍵值對組成屬性名="屬性值" ， 值必須添加引號，多個屬性空格隔開 。

1 人人都懂的HTML基礎知識-HTML教程

文章插圖
單標簽（空元素）：<標簽名> ， <標簽名 屬性名="屬性值"> 。大部分元素標簽都是是雙標簽的形式，具有開始標簽、結束標簽 。也有小部分元素沒有結束標簽，稱為單標簽，或空元素 。HTML5中的單標簽不需要寫斜杠/，可兼容斜杠，如<hr>，<br> ， <img>，<input>，<link>，<meta> ， <base>、table中的<col>、<source>，<embed>...
HTML中的注釋格式：<!--注釋-->
1.3、轉義字符HTML中的有些字符是內置的特殊關鍵字或特殊符號，如 <>、"、'、空格 、換行（用<br>元素）、tab，不能直接在HTML中顯示 。需要用轉義字符（特殊編碼），以符號&開始，以分號(;結束 。如下表，HTML中用實體名稱、實體編碼（字符的unicode編碼）都可以 。
元素內容中空格（空白字符、換行），HTML 解釋器會將連續出現的空白字符減少為一個單獨的空格符 。

推薦閱讀