HTML的基本結(jié)構(gòu)
超文本文檔分文檔頭和文檔體兩部分,在文檔頭里,對這個文檔進行了一些必要的定義,文檔體中才是要顯示的各種文檔信息。
<HTML>
<HEAD>
頭 部 信 息
</HEAD>
<BODY>
文 檔 主 體, 正 文 部 分
</BODY>
</HTML>
其中<HTML>在最外層, 表示這對標(biāo)記間的內(nèi)容是HTML文 檔。我們還會看到一些Hompage省略<HTML>標(biāo)記,因為.html 或.htm 文件被Web瀏覽器默認為是HTML文檔。<HEAD> 之間包括文檔的頭部信息,如文檔總標(biāo)題等,若不需頭部信息則可省略此標(biāo)記。<BODY> 標(biāo)記一般不省略, 表示正文內(nèi)容的開始。
下面是一個最基本的超文本文檔的源代碼: <HTML>
<HEAD>
<TITLE>一個簡單的HTML示例</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>歡迎光臨我的主頁</H3>
<BR>
<HR>
<FONT SIZE=2>
這是我第一次做主頁,無論怎么樣,我都會努力做好!
</FONT>
</CENTER>
</BODY>
</HTML>
━┓
┃文件頭
━┛
━┓
┃
┃
┃
┃文件體
┃
┃
┃
┃
━┛
超文本中的標(biāo)簽
剛剛接觸超文本,遇到的最大的障礙就是一些用“<”和“>”括起來的句子,我們稱它為標(biāo)簽,是用來分割和標(biāo)記文本的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面。
1. 單標(biāo)簽
某些標(biāo)記稱為“單標(biāo)簽”,因為它只需單獨使用就能完整地表達意思,這類標(biāo)記的語法是:
< 標(biāo)簽名稱>
最常用的單標(biāo)簽是<BR>, 它表示換行。
2.雙標(biāo)簽
另一類標(biāo)記稱為“雙標(biāo)簽”,它由“始標(biāo)簽”和“尾標(biāo)簽”兩部分構(gòu)成,必須成對使用,其中始標(biāo)簽告訴Web瀏覽器從此處開始執(zhí)行該標(biāo)記所表示的功能,而尾標(biāo)簽告訴Web瀏覽器在這里結(jié)束該功能。始標(biāo)簽前加一個斜杠(/)即成為尾標(biāo)記。這類標(biāo)記的語法是:
<標(biāo)簽> 內(nèi) 容</ 標(biāo)簽>
其中“內(nèi)容” 部分就是要被這對標(biāo)記施加作用的部分。例如你想突出對某段文字的顯示,就將此段文字放在一<EM> </EM>標(biāo)記中:
<EM>第一:</EM>
3.標(biāo)簽屬性
許多單標(biāo)記和雙標(biāo)記的始標(biāo)記內(nèi)可以包含一些屬性, 其語法是:
< 標(biāo)簽名字 屬性1 屬性2 屬性3 … >
各屬性之間無先后次序,屬性也可省略(即取默認值),例如單標(biāo)記<HR>表示在文檔當(dāng)前位置畫一條水平線(horizontal line),一般是從窗口中當(dāng)前行的最左端一直畫到最右端。帶一些屬性:
<HR SIZE=3 ALIGN=LEFT WIDTH="75%"> 其中SIZE屬性定義線的粗細,屬性值取整數(shù),缺為1;ALIGN屬性表示對齊方式,可取LEFT(左對齊,缺省值),CENTER(居中),RIGHT(右對齊);WIDTH 屬性定義線的長度,可取相對值,(由一對 " " 號括起來的百分數(shù),表示相對于充滿整個窗口的百分比),也可取絕對值(用整數(shù)表示的屏幕像素點的個數(shù),如WIDTH=300),缺省值是"100%"。
2025國考·省考課程試聽報名