這一課,我們編寫第一個網頁。首先,我們要認識一些標記。
<!DOCTYPE html>
用于向瀏覽器說明當前文檔使用哪種HTML的規范。
<html>
此標記標志著文檔的開始,</html>標志著文檔的結束。在這兩個標記之間的是文檔的主體內容
<head>
用于定義html;文檔的頭部信息
<body>
用于定義HTML文檔所要展示的內容。
<!DOCTYPE html><!--<!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。-->
<html> <!--此元素可告知瀏覽器其自身是一個 HTML 文檔。-->
<head> <!--這里是文檔的頭部-->
<meta charset="utf-8" /><!--charset 屬性規定 HTML 文檔的字符編碼。-->
<title></title><!--<title> 元素可定義文檔的標題。-->
</head>
<body><!--這里是文檔的主體-->
</body>
</html>
詳細了解
- <html>:http://www.w3school.com.cn/tags/tag_html.asp
- <meta?charset=“utf-8”?/>:http://techbrood.com/tagsref?p=att-meta-charset
- <title>:http://www.w3school.com.cn/tags/tag_title.asp
- <body>:http://www.w3school.com.cn/tags/tag_body.asp
詳細介紹:
標記
在HTML文檔中。帶有“<>”符號的元素稱為“標記”,HTML文檔由標記和被標記的內容組成。
標記的格式如下:
<標記>被標記的內容</標記>
<title>Npcink 大有可玩</title>
1.標記的規則加下
- 標記以“<”開始,以“>”結束。
- 標記一般由開始標記和結束標記組成,結束標記前有“1”符號,這樣的標記稱為雙標記。
- 少數標記只有開始標記,無結束標記,這樣的標記稱為單標記)例如,<hr />
- 標記不區分大小寫,但一般用小寫。
- 可以同時使用多個標記共同作用于網頁中的內容,各標記之間的順序任意排列。
2.標記的屬性
許多標記符還包括一些屬性,以便對標記符作用的內容進行更詳細的控制。標記符可通過不同的屬性展現各種效果。
屬性在標記中的使用格式如下。
<標記屬性1=”屬性值1”屬性 2=”屬性值2″… >受標記影響的內容<1標記>
<h2 align=”center”>網頁設計與制作</h2>
使標題在瀏覽器中居顯示。
屬性的規則如下
- 所有屬性必須包含在開始標記里,不同屬性間用空格隔開。有的標記無屬性。
- 屬性值用雙引號括起來,放在相應的屬性之后,用等號分隔;屬性值不設置時采用其默認值。
- 屬性之間順序任意排例。
注釋標記
如果需要在HTML文檔中添加- -些便于閱讀和理解但又不需要顯示在頁面中的注釋文字,就需要使用往釋標記。其基本語法格式如下。
<!--往釋文字-一>
例如
<h2 align="center">網頁設計與制作</h2> <!--使標題居中顯示- >
下面詳細介紹HTML中的各種常用標記。
HTML文本標記
- 標題標記<h1>~<h6>
- 段落標記<p>
- 水平線標記<hr />
- 換行標記<br 1>
- 字體標記<font>
- 字符樣式標記<strong> <em>等。