HTML文件的基本結構


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM