html的入門——從標籤開始(1)

概念介紹:html

標籤:標籤的做用就像是容器。它們告訴你其實標籤和結束標籤以前的內容的結構信息。chrome

元素:一個元素包括起始標籤,結束標籤以及其中的內容。瀏覽器

空元素:有一小部分元素,其起始標籤和結束標籤之間不含有任何文字,這些元素被稱爲空元素。字體

一個空元素一般只含有一個標籤,在空元素的閉合尖括號前,常常是一個空格和一個斜線的形式,如<br />換行符、<hr />插入水平線。spa

 

文本:設計

<html></html>:htm

位於起始標籤<html>和結束標籤</html>之間的全部內容都是HTML代碼。ci

<body><body>:文檔

起始標籤<body>表示在它和結束標籤</body>之間的全部內容都將會顯示在瀏覽器主窗口中。數學

結構化標記(可用來描述標題和段落的元素):

<h1></h1>······<h6></h6>:

HTML中的標題有六個級別:1---->6標題字體大小逐漸變小,

<h1>用在主標題上<h2>用在子標題上<h3>~<h6>用在子標題下面的標題中。

<p></p>:

成段的文本出如今<p>和</p>之間。默認狀況下,瀏覽器在顯示段落時會另起一行並與後續段落保持必定距離。

<b></b>(粗體):

經過將文字包含在標籤<b>和</b>之間,能夠設置包含其中的文字爲粗體。

<i></i>(斜體):

經過將文字包含在標籤<i>和</i>之間,能夠設置包含其中的字體爲斜體。

<sup><sup>(上標):

<sup>元素用來標記做爲上標的字符,例如日期後綴或者像22這樣表示冪的數學概念。

<sub></sub>(下標):
<sub>元素用來標記做爲下標的字符,它一般用在腳註或者像H2O這樣的化學式中。

空白:

爲了加強代碼的可讀性,設計人員常常經過補充空格的方式編寫代碼。

當瀏覽器遇到兩個或以上的連續空格時,之將其顯示爲一個空格。一樣,當遇到一次換行時,瀏覽器也會將其看做一個空格,這一特新成爲白色空間摺疊。

<br  />(換行標籤):

固然,html語言支持在一個文本字段內換行,若是你想在段落中的某個位置換行,可使用換行標籤<br  />。

<hr  />(插入水平線):

在不一樣主題之進行分割時,可使用<hr  />標籤來插入一條水平線。

語義化標記(表達特定含義的標記):

<strong></strong>(加粗):

<strong>元素的做用時表示其中的內容十分重要,在瀏覽器中顯示加粗。

<em></em>(斜體):

<em>元素起強調做用,可以細微改變語句含義,在瀏覽器中顯示斜體。

<blockqoute>:

<blockqoute>元素用來標記那些會佔用一整段的較長的引用,瀏覽器會對其中的元素進行縮進。

可是不能使用<blockqoute>縮進一段文本,而應該用CSS來完成縮進效果。

<q></q>:

<q>元素用來標記位於段落中的較短的引用。瀏覽器會在<q>兩側添加引號,可是IE瀏覽器並不支持,因此咱們儘量避免<q>元素的使用。

<abbr title=···>···</abbr>:

若是使用縮寫詞或是首字母縮寫詞,就須要使用<abbr>標籤。其起始標籤的title特性用來指定相應詞彙的完整形式。

用法:<abbr title="National Aeronautics and Space Administration">NASA</abbr>

<cite></cite>:

引用做品時使用<cite>元素,在瀏覽器中被<cite>元素標記的內容顯示爲斜體。

<dfn></dfn>:

當你在文檔中第一次解釋一些新術語的時候,使用<dfn>元素,給新術語一個定義。

有些瀏覽器使用斜體來顯示<dfn>中的內容,safari和chrome則不會。

<address>:

<address>標籤有一個特殊的用途:包含頁面設計者的聯繫方式。

<ins>:

<ins>元素用來顯示已經插入到文檔中的內容。

<del>:

<del>元素用來表示已經從文檔中刪除的文本。

<s>:

<s>元素表示不許去或不相關卻並不該當予以刪除的內容。

列表:

<li></li>:

列表中的每一個項目都被至於起始標籤<li>和結束標籤</li>之間。

<ol></ol>(有序列表):

使用由<ol>元素來建立有序列表。

<ul></ul>(無序列表):

使用<ul>元素來建立無序列表。

<dl></dl>(定義列表):

使用<dl>元素來建立定義列表。

在<dl>元素內部,常常使用<dt>和<dd>元素。

<dt></dt>:

<dt>元素用來包含被定義的術語。

<dd></dd>

 <dd>元素用來包含定義。

相關文章
相關標籤/搜索