1. 程式人生 > >HTML基礎(一):文件基本結構與簡單標記

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>。