1.<html>...</html>標記
一個HTML文件,無論是簡單的還是複雜的,都是以<html>開頭,以</html>結尾。 <html>標記還指出了本文件是HTML文件,當瀏覽器遇到<html>標記時會按照HTML標準解釋後面的文本,直到遇到結束標記</html>才停止上述解釋。提示:HTML語言是屬於解釋性語言,不需要經過編譯,直接用瀏覽器就可以執行其代碼。
2.<head>...</head>標記
<head>和</head>構成了HTML文件的開頭部分,在此標記對之間可以使用<title>...</title>、<script>...</SCRIPT>等標記對,描述網頁標題或者其他不在網頁上顯示的某些信息。
3.<title>...</title>標記
<title>標記用於設置瀏覽器窗口標題欄中纖細的文本信息,這些信息一般是網頁主題。注意:<title></title>標記對只能放在<head></head>標記對之間。
4.<body>...</body>標記
<body></body>是HTML文件的主題部分,之間可以定義多種標記。同時<body>也有很多屬性,下面的都是比較常用的。 <body>指令的屬性
①背景顏色-- bgcolor <body bgcolor=顏色代碼>
②背景圖案-- background <body background=圖形文件名>
③設定背景圖案不會捲動-- bgproperties <body bgproperties=fixed>
④文件內容文字的顏色-- text <body text=顏色代碼>
⑤超連結文字顏色-- link <body link=顏色代碼>
⑥正被選取的超連結文字顏色-- vlink <body vlink=顏色代碼>
⑦已連結過的超連結文字顏色-- alink <body alink=顏色代碼>
他們所定義的文本、圖像將會在瀏覽器的窗口內顯示,在<body>這對標記中我們可以包含非常多的標記,常見的有如下一些:
⑴改變文字的大小<h#>……………..</h#> ,其中#=1~6;h1為最大字,h6為最小字。
⑵改變字體的變化<font>..........</font>
①改變字體大小<font size=#>..........</font> #=1~7;數字愈大字也愈大
②指定文字的字型<font face=字型名稱>..........</font>
③改變文字的顏色<font color=#rrggbb>..........</font> rr:表紅色(red)色碼gg: 表綠色(green)色碼bb:表藍色(blue)色碼
⑶顯示小字體<small>..........</small> ;顯示大字體<big>..........</big>;顯示粗體字<b>..........</b>;顯示斜體字<i>..........</i> ;顯示打字機字體<tt>..........</tt>;顯示底線<u>..........</u>;顯示刪除線<strike>..........</strike>;顯示下標字<sub>..........</sub>;顯示上標字<sup>..........</sup>;顯示.文字閃爍效果<blink>..........</blink>
⑷換行標記<br>;分段標記<p>
⑸改變文字的對齊方向<p align=#> #號可為left:表向左對齊(預設值) center:表向中對齊right:表向右對齊PS<p align=#>之後的文字都會以所設的對齊方式顯示, 直到出現另一個<p align=#>改變其對齊方向,或遇到<hr>ⅱ<h#>標籤時會自動設回預設的向左對齊。
⑹插入一條分隔線<hr>
①分隔線的粗細<hr size=點數>
②分隔線的寬度<hr size=點數或百分比>
③分隔線對齊方向<hr align=#> #號可為left:表向左對齊(預設值) center:表向中對齊right:表向右對齊
④分隔線的顏色<hr color=顏色代碼>
⑤實心分隔線<hr noshade>
⑺向中對齊<center>..........</center>
⑻在<body>標記中通常都是有表格的,定義表格的標記為<table>..........</table> ,它通常有下面的屬性。
①設定邊框的厚度-- border<table border=點數>
②設定格線的寬度-- cellspacing<table cellspacing=點數>
③設定資料與格線的距離-- cellpadding<table cellpadding=點數>
④調整表格寬度-- width<table width=點數或百分比>
⑤調整表格高度-- height<table height=點數或百分比>
⑥設定表格背景色彩-- bgcolor<table bgcolor=顏色代碼>
⑦設定表格邊框色彩-- bordercolor<table bordercolor=顏色代碼>
⑼顯示格線<table border>
⑽表格標題<caption>..........</caption> 表格標題位置– align <caption align=#> #號可為top:表標題置於表格上方(預設值)bottom:表標題置於表格下方
5.<!--註釋內容-->
<!--標記表示註釋的開始,
-->標記表示註釋的結束。
註釋的功能是為了方便設計和供他人閱讀,在瀏覽器處理HTML文件時,將忽略註釋標記以及註釋內容。