HTML文件是標准的ASCII文件,且其后綴名為htm或html的文件。
可以使用任何能夠生成TXT類型源文件的文本編輯器來制作超文本標記語言文件。
HTML文件中的標記是不區分大小寫的。
標准的超文本標記語言文件都具有一個基本的文檔結構,標記一般都是成對出現(部分標記也有單標記,例如:<br />)。
HTML文件的基本結構中的基本標記作用:
<html></html>
<head></head>
<body></body>
標題標記的使用(標記<H1>—<H6>)
標題可用來分隔文章中的文字 標題標記的語法格式如下: <hn align="對齊方式"> 標題文本</hn> HTML中提供了六級標題,為<h1>至<h6>,
align屬性是可選屬性,用於指定標題的對齊方式,其取值有三種:left、center、right
字體標記設置文字的字體、字號和顏色
字體標記的基本語法如下: <font face="字體名稱" size="字號" color="字體顏色" > 文字 </font>
color屬性設定文字顏色
size屬性設置指定文字的大小,其取值范圍是1~7
face屬性設置字體的類型,中文的默認字體是宋體。
段落標記語法格式如下: <p align="對齊方式" > 段落內容 </p>
單標記把結束標記放在開始標記中,也就是 <br />。該標記的作用就是換行,不能設置任何屬性。
一次換行使用一次<br />,多次換行需要使用多次<br />,連續使用兩次<br />等效於一個段落換行標記<p />
HTML文件在輸出時都是要重新排版的,即把文本上一些額外的字符(包括空格、制表符和回車符等)都忽略
預格式化指的是某些格式可以在源代碼中預先設置 源代碼執行后的效果與源代碼中預先設置好的效果幾乎完全一樣。 預格式化標記<pre>…</pre>
轉義字符由三部分組成:
第一部分是“&”符號;
第二部分是實體名字或者是“#”加上實體編號;
第三部分是分號,表示轉義字符結束,
其語法結構如下:
&實體名稱;
標 記 描述 <b>......</b> 加粗bold。如:<b>HTML文件</b> <i>......</i> 斜體italic。如:<i>HTML文本</i> <u>......</u> 下划線underline。如:<u>HTML文本</u> <s>......</s> 刪除線strike。如:<s>刪除線</s> <sup>......</sup> 上標 <sub>......</sub> 下標
無序列表主要使用<ul>、<li>標記和type屬性,其中 標記<ul>表示定義無序列表 <li>標記定義列表項
無序列表的基本語法如下: <ul type="列表項的標記符"> <li>項目一 </li> <li>項目二 </li> <li>項目三 </li> …… </ul>
其中type屬性的取值定義如下:
disc是默認值,為實心圓;
circle為空心圓;
square為實心方塊;
列表中的項目采用數字或英文字母開頭,通常各項目間有先后的順序性。 在有序列表中,主要使用<ol>和<li>兩個標記以及type和start屬性。
有序列表的基本語法如下: <ol type="列表項的標記符 " start="起始值 "> <li>項目一 </li> <li>項目二 </li> <li>項目三 </li> …… </ol>
start屬性定義列表項開始編號的位置序號。
type屬性將有序列表的類型設置為英文或羅馬字母
分隔線的標記是<hr />
分隔線可以在HTML頁面中創建一條水平線,水平線可以將文檔分隔成若干個部分。
當用戶單擊文本鏈接指針時,即可在瀏覽器窗口打開鏈接的主頁內容
書簽鏈接可用於當前頁面的書簽位置跳轉,也可跳轉到不同頁面的書簽位置。
創建書簽鏈接需要兩步:第一步是創建書簽,第二步是創建書簽鏈接。
1.創建書簽語法結構如下: <a name="書簽名">[文字或圖片]</a> 2.創建書簽鏈接 鏈接到同一頁面的書簽連接定義語法如下: <a href="#書簽名">源端點</a> 鏈接到不同網頁頁面的書簽連接定義語法如下: <a href="file_URL#書簽名">源端點</a>
不同頁面跳轉使用文本鏈接
同一頁面跳轉使用書簽鏈接
圖片標記語法格式如下: <img src="圖片文件路徑" alt="提示文本" height="圖片高度" width="圖片寬度" />
熱點區域語法格式如下: <img src="圖片文件路徑" usemap=”#map名” /> <map name="map名"> <area shape="圖像熱區形狀" coords="熱區坐標" href="鏈接地址"> </map>
shape屬性的屬性值可以設置為:
(1)rect:指定可單擊區域為矩形,coords的值為“x1,y1,x2,y2”
(2)circle:指定可單擊區域為圓形,此時 coords的值為“x,y,z”,
(3)poly:指定多邊形各邊的坐標
coords的值為“x1,y1,x2,y2,...,xn,yn”
marquee標記(滾動字幕) <marquee>標記語法格式如下: <marquee behavior="value" bgcolor="rgb" direction="value" scrollamount="value" scrolldelay="value" truespeed="truespeed" loop="digit" height="value" width="value" hspace="value" vspace="value"> 文字或圖片 </marquee>
在網頁中可以使用嵌入標記<embed>嵌入MP3音樂、電影等多種多媒體內容,使網頁更具有生動性。 其基本語法格式如下: <embed src="音頻或視頻文件的URL"></embed>