HTML基礎(一):文件基本結構與簡單標記
HTML是超文字標記語言,由瀏覽器解釋執行。
HTML不區分大小寫,主要由四個標記組成,分別為<html>、<head>、<title>和<body>。
1、<html>標記
頁面所有的標記都要放在<html></html>之間,用以告知瀏覽器其是一個HTML文件。
2、<head>標記
定義文件的頭部,可以引用指令碼,指示瀏覽器在哪裡找到樣式表、提供元資訊等。文件的頭部描述了文件的各種屬性和資訊,包括文件的標題、在web中的位置以及和其他文件的關係等。
<base>,<link>,<meta>,<script>,<style>,<title>標籤可用於head部分。
<base> | 定義了頁面連結標籤的預設連結地址 |
<link> | 定義了一個文件和外部資源之間的關係 |
<meta> | 定義了HTML文件中的元資料 |
<script> | 定義了客戶端的指令碼檔案 |
<style> | 定義了HTML文件的樣式檔案 |
3、<title>標記
<title>定義了文件的標題,是head中唯一必須的元素。
4、<body>標記
頁面主體標記,網頁顯示的實際內容就包含在該標記中
以上四個標記均是成對使用的,即<head></head>樣式。
以下為HTML最基本的必需的元素:
<html> <head> <title>文件的標題</title> </head><body>
文件的內容... ...</body>
</html>
除以上標記外,一般文件開頭還會有<!DOCTYPE>,其定義了文件是以哪個HTML版本編寫的指令,對於HTML5,僅有一種宣告方法,即<!DOCTYPE html>,對於HTML4.0.1,由三種宣告方法,分別如下:
HTML 4.01 Strict
該 DTD 包含所有 HTML 元素和屬性,但不包括展示性的和棄用的元素(比如 font)。不允許框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional
該 DTD 包含所有 HTML 元素和屬性,包括展示性的和棄用的元素(比如 font)。不允許框架集(Framesets)。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset
該 DTD 等同於 HTML 4.01 Transitional,但允許框架集內容。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
由於HTML是由瀏覽器解釋執行的,如果不向瀏覽器提供文件型別,相同的程式碼在不同瀏覽器上,顯示效果可能不同,因此,應當始終新增文件型別宣告。
HTML的常用標記
html的標記繁多,可在http://www.w3school.com.cn/tags/tag_meta.asp處查詢使用,這裡只介紹一些常用的標記。
1、註釋
註釋標記使用<!-- xxx -->,註釋標記以<!--開始,以-->結束,中間的就是xxx就是要註釋的內容,註釋不會被瀏覽器解釋。
2、換行標記
換行使用<br>,此標記單獨出現,可以告訴瀏覽器在哪裡實現換行操作。
3、段落標記
以<p>開頭,以</p>結尾,其能夠在段前和段後各新增一個空行。
4、標題標記
HTML文件共有六個標題,分別以<h1>-<h6>表示,數字越小,級別越高,字號越大,同樣標題標記也是成對使用的。
5、居中標記
使用<center></center>使得佈局方式變為居中顯示。
6、文字列表標記
列表標記可以實現文字以列表方式依次排列,分為有序列表和無序列表。
無序列表以<ul>開始,</ul>結束,中間的列表項只使用一個<li>。
有序列表以<ol>開始,</ol>結束,中間列表項只使用一個<li>。