HTML的常用標記(4)——HTML入門教程
2024-08-26 00:17:38
供稿：網友
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：表向右對齊 P.S.<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文件時，將忽略注釋標記以及注釋內容。
