2.4.html基本知識 · HTML+CSS學習筆記

html網頁是由html標簽按一定的規則構成的文件。 ## 2.4.1.html標準（html規范）如上所述，html網頁是由html標簽按一定的規則組織起來的文件。這個規則就是html語法規則，是我們需要遵循的標準（規范）。誰制定的html標準？ w3c組織——一個非營利組織。 w3c組織制定了非常多的互聯網技術標準（規范）。誰領導w3c？ Tim Berners-Lee，蒂姆·伯納斯-李——互聯網之父。 ![](https://img.kancloud.cn/50/62/506254c434953eae35886f88b35e0a41_522x278.png) ## 2.4.2.html標簽 html標簽，就是用尖括號（“<”和”>”）括起來的一種特殊的代碼形式。標簽也叫“元素”，“標記”，具有某些特定的含義和作用以及外觀表現。舉例： ``` , <h1></h1>, ``` 標簽基本形式： ``` <標簽名屬性名1=“屬性值1” 屬性名2=“屬性值2” …> <標簽名屬性名1=“屬性值1” 屬性名2=“屬性值2” …>內容</標簽名> ``` 說明： 1，標簽名是一個“單詞”（有的單詞可能只有一個字母）。 2，屬性名也是一個“單詞”，表示對該標簽的進一步“修飾”（設定）。 3，有的標簽沒有“內容部分”，則后面的結尾標簽部分不用寫——這種稱為“單標簽”。 ——絕大多數標簽都是“雙標簽”，只有很少幾個是單標簽。 4，不同的標簽有不同的屬性，不同的屬性有不同的含義（或作用）。 5，有的屬性可以出現在所有標簽上——叫做通用屬性。 ## 2.4.3.html注釋注釋的含義：就是不作為有效代碼的內容，目的主要是給“人”看，幫助人們記錄和理解代碼的解釋性文字。各種語言都有自己的注釋語法形式。ｈｔｍｌ代碼的注釋語法如下所示： ```  ``` ![](https://img.kancloud.cn/63/59/63596b425f2feae4ceaa9ea4bcabaf3e_477x228.png) ## 2.4.4.html標簽分類 2.4.4.1.按標簽形式分按標簽形式，html標簽可以分為雙標簽和單標簽。雙標簽：形式： <標簽名屬性.... >標簽中的內容</標簽名> 單標簽：形式： <標簽名屬性.... > 或： <標簽名屬性.... /> 單標簽比較少，只有幾個，比如：br，hr，input，img，link 2.4.4.2.按標簽功能分按標簽的功能，人們通常將標簽分為以下幾類：文字標簽：i, u, sub, sup, s, font 結構標簽：html, head, title, body, div, span, br, hr, h1~h6, pre, blockquote 連接標簽：a， link 圖像標簽：img 列表標簽：ul， ol， li， dl， dt，dd 表格標簽：table， tr， td， th， caption， thead， tbody， tfoot 表單標簽：form， input， select， option， textarea，button，其他： meta， style， script， ## 2.4.5.手冊推薦： HTML5參考手冊，HTML4參考手冊，W3C手冊 ## 2.4.6.html網頁代碼基本結構（主要結構） ``` 3.?<!doctype html> ?<html> ? ? ?<head> ? ? ? ? <title>設置網頁標題</title> ? ? ?</head> ? ? ?<body> ? ? 網頁主體 ? ? ?</body> ?</html> ``` ? 注意： ``` 1. 以后在制作網頁的時候，必須按照這個結構寫 2. 在整個編程階段。遇到特殊符號（,;:...""）必須是英文輸入法下的符號。 ``` 我們的主要工作就是：在body中，寫各種標簽，及相關內容，以展示出適當視覺效果和功能的網頁內容。 ## 2.4.7.html標簽間關系 * 嵌套關系：就是一個標簽內，再放其他標簽。比如： ``` <a href=”http://www.baidu.com” > go to baidu </a> ``` * 并列關系： ``` 這是段落1 這是段落2 ``` 錯誤寫法： ``` 段落1 <a href=”http://www.baidu.com” > go to baidu </a> ```