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