Html 語法學習筆記一

衣舞晨風發表於2015-07-06

作者：jiankunking 出處：http://blog.csdn.net/jiankunking

一、HTML文件的基本結構

HTML部分：每個HTML文件必須以開啟HTML標記開始，以關閉HTML標記結束 <HTML></HTML> 說明其間內容為HTML格式文件。

HEAD頭部分：此部分包含文件的標題、文件使用的指令碼、樣式表定義等資訊，還可以包含搜尋工具和索引所要的其他資訊。頭部分必須包含在<HEAD></HEAD> 標記對中

<TITLE></TITLE> 其間包含的文字是該HTML的主題，會顯示在視窗的TITLE欄位。

<META>標記，此標記可以設定網頁的編碼、自動重新整理網頁、設定網頁的過期值

META標籤是HTML語言HEAD區的一個輔助性標籤，它位於HTML文件頭部的<HEAD>標記和<TITLE>標記之間，它的資訊只有在網頁的原始碼裡面才可以看到，在網頁裡面是看不到的，但是一般情況下我們都能夠感受到它的存在。
meta標籤通常用來為搜尋引擎robots定義頁面主題，或者是定義使用者瀏覽器上的cookie；它可以用於鑑別作者，設定頁面格式，標註內容提要和關鍵字；還可以設定頁面使其可以根據你定義的時間間隔重新整理自己,以及設定RASC內容等級等。所以應該給每頁加一個meta值。
META標籤分兩大部分：HTTP標題資訊(HTTP-EQUIV)和頁面描述資訊(NAME)。

1、＜meta name="Generator" contect=""＞用以說明生成工具（如Microsoft FrontPage 4.0）等；
2、＜meta name="KEYWords" contect=""＞向搜尋引擎說明你的網頁的關鍵詞；多個關鍵字之間有“,”間隔
3、＜meta name="DEscription" contect=""＞告訴搜尋引擎你的站點的主要內容；
4、＜meta name="Author" contect="你的姓名"＞告訴搜尋引擎你的站點的製作的作者；

Demo案例：點選開啟連結

正文部分 <BODY></BODY> 其間說明HTML檔案的主體內容。

二、具體語法

1、 <font> 規定文字的字型、字型尺寸、字型顏色。

2、 <p> 標籤定義段落。

p 元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間，您也可以在樣式表中規定。

3、<h>

<h1> - <h6> 標籤可定義標題。<h1> 定義最大的標題。<h6> 定義最小的標題。
由於h元素擁有確切的語義，因此請您慎重地選擇恰當的標籤層級來構建文件的結構。因此，請不要利用標題標籤來改變同一行中的字型大小。相反，我們應當使用層疊樣式表定義來達到漂亮的顯示效果。

延伸閱讀：允許的段落用法
可以只在塊（block）內指定段落，也可以把段落和其他段落、列表、表單和預定義格式的文字一起使用。總的來講，這意味著段落可以在任何有合適的文字流的地方出現，例如文件的主體中、列表的元素裡，等等。
從技術角度將，段落不可以出現在頭部、錨或者其他嚴格要求內容必須只能是文字的地方。實際上，多數瀏覽器都忽略了這個限制，它們會把段落作為所含元素的內容一起格式化。

4、 <hr>

<hr> 標籤在 HTML 頁面中建立一條水平線。
水平分隔線（horizontal rule）可以在視覺上將文件分隔成各個部分。

5、<blockquote> 標籤定義塊引用。

<blockquote> 與 </blockquote> 之間的所有文字都會從常規文字中分離出來，經常會在左、右兩邊進行縮排（增加外邊距），而且有時會使用斜體。也就是說，塊引用擁有它們自己的空間。

6、<pre>

pre 元素可定義預格式化的文字。被包圍在 pre 元素中的文字通常會保留空格和換行符。而文字也會呈現為等寬字型。
<pre> 標籤的一個常見應用就是用來表示計算機的原始碼。
可以導致段落斷開的標籤（例如標題、<p> 和 <address> 標籤）絕不能包含在 <pre> 所定義的塊裡。儘管有些瀏覽器會把段落結束標籤解釋為簡單地換行，但是這種行為在所有瀏覽器上並不都是一樣的。
pre 元素中允許的文字可以包括物理樣式和基於內容的樣式變化，還有連結、影象和水平分隔線。當把其他標籤（比如 <a> 標籤）放到 <pre> 塊中時，就像放在 HTML/XHTML 文件的其他部分中一樣即可。