HTML基礎 · 學并思Web應用程序

[TOC] ## 一、HTML頁面主體結構 ~~~ <html> <head> <!–- 對html文檔進行詮釋、定義、描述不會顯示在文檔當中--> </head> <body> <!-– 對頁面內容進行排版、編輯、顯示在頁面當中，是html頁面的主體--> </body> </html> ~~~ ## 二、HTML語法結構 ### 1、 HTML標簽 >[danger]所有標簽：http://www.w3school.com.cn/tags/index.asp **HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。** * HTML 標簽是由尖括號包圍的關鍵詞，比如<body> * HTML 標簽通常是成對出現的，比如 <b> 和 </b> * 標簽對中的第一個標簽是開始標簽，第二個標簽是結束標簽 * 開始和結束標簽也被稱為開放標簽和閉合標簽 >[danger]* 標記符結束中的標記元素用尖括號括起來，帶斜杠的元素表示該標記結束，大多數標記符必須成對使用，以表示作用的起始和結束。 * 結束標記一定要以"/"結束，引號必須使用英文引號，標簽之間不能交叉嵌套，例如<strong>學并思<li></strong></li>。 #### 標簽特性 * 用兩個尖括號括起來。 * 不區分大小寫，但推薦采用小寫 * 每個標簽都是閉合的 * 同一標簽可以同時擁有N個不同屬性】 #### 標簽類型 **對標簽** * 包含起始標簽和結束標簽 * 內容寫在對標簽中間 * 屬性寫在起始標簽尖括號內 * 例如<a href='http://www.daniuit.com'>學并思</a> **單標簽** * 只有一個由尖括號括的標簽 * 屬性直接寫在標簽尖括號內 * 例如<img src='ad.jpg' alt='學并思' /> ### 2、HTML屬性必須放在開始標簽里面，屬性可以為標簽提供更多樣化的特性。 ### 3、元素開始和結束標簽連同包含在他們之間內容，我們通常叫做元素 ## 三、HTML注釋注釋其實就是對代碼的解釋說明，在代碼書寫過程中合理運用注釋是十分有必要的。瀏覽器不會解析注釋。說白了，注釋是給人看的，不是給瀏覽器看的。在sulime Text 中，用`Ctrl+?`可快速的注釋。 ~~~  ~~~ ## 四、常用頭部標簽的含義 ~~~ <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>標題標簽</title> <meta name="keywords" content="關鍵詞，多個關鍵詞用英文逗號隔開"/> <meta name="description" content="本篇網頁的概述"/> </head> ~~~ **例子解釋** `<meta http-equiv="Content-Type" content="text/html;charset=編碼">` 編碼設置 `<title>`標題標簽，顯示在瀏覽器標簽中。 `<keywords>` 關鍵詞，多個關鍵詞用英文逗號隔開。 `<description>` 本篇網頁的概述，一段話，對網站的進一步描述。 ## 五、常見字體標簽 ~~~ <h1>標題字(最大)</h1> <h6>標題字(最小)</h6> <strong>粗體字</strong> <em>斜體字</em> <span>無意義的文字標簽 </span> <u>添加下劃線</u> <i>斜體</i> <b>加油<b> ~~~ >[success]<h1>標題字(最大)</h1><h6>標題字(最小)</h6><strong>粗體字</strong><br><em>斜體字</em><br><span>無意義的文字標簽 </span><br><u>添加下劃線</u> <br><i>斜體</i> <br><b>加粗<b> * * * * * >[danger]**作業：**建一個完整的html文檔，并且把常用的字體標簽練習幾遍。