1. 程式人生 > >HTMl中常用標籤

HTMl中常用標籤

文字標記語言,即HTML(Hypertext Markup Language),是用於描述網頁文件的一種標記語言。

  HTML之所以稱為超文字標記語言,是因為文字中包含了所謂“超級連結”點。所謂超級連結,就是一種URL指標,通過啟用(點選)它,可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。

  HTML是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案,通過在文字檔案中新增標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。

HTML是簡單的文字標籤語言,一個HTML網頁檔案都是有元素構成的,元素由開始標籤、結束標籤、屬性和元素的內容4部分構成。再學習和使用HTML時要注意區分標籤和元素這兩個定義。

一、HTML的文件結構

<html>…</html>      定義 HTML 文件

<head>…</head>   文件的資訊

<meta>                    HTML 文件的元資訊

<title>…</title>        文件的標題

<link>                      文件與外部資源的關係

<style>…</style>    文件的樣式資訊

<body>…</body>   可見的頁面內容

<!--…-->                 註釋

二、文字標籤

<h1>...</h1>               標題字大小(h1~h6)

<b>...</b>                   粗體字

<strong>...</strong>   粗體字(強調) 

<i>...</i>                      斜體字 

<em>...</em>              斜體字(強調)

<center>…</center>   居中文字

<ul>…</ul>                 無序列表 

<ol>…</ol>                 有序列表

<li>…</li>                    列表專案

<a href=”…”>…</a>    超連結

<font>                         定義文字字型尺寸、顏色、大小

<sub>                         下標

<sup>                         上標

<br>                           換行

<p>                            段落

三、圖形標籤

<img src=’”…”>   定義影象

<hr>                   水平線

四、表格標籤

<table>…</table>   定義表格

<th>…</th>            定義表格中的表頭單元格

<tr>…</tr>             定義表格中的行

<td>…</td>           定義表格中的單元

五、其他標籤

<form>…</form>    定義供使用者輸入的 HTML 表單

<frame>                 定義框架集的視窗或框架

另加16進位制顏色,但僅僅有16種顏色名可用英文字母,其餘的要用16進位制值。

 

aqua(水色、淺綠色), black(黑色), blue(藍色), fuchsia(紫紅色), gray(灰色), green(綠色), lime(石灰色), maroon(褐紅色、茶色), navy(深藍色、海軍藍), olive(橄欖色), purple(紫色), red(紅色), silver(銀色), teal(青色), white(白色), yellow(黃色)