HTML佈局和鏈接

1、無序列表<ul></ul>
disc 實心圓 circle空心圓 square實心矩形
語法 <ul type="項目符號類型">
<li type="項目符號類型">內容1</li>
<li type="項目符號類型">內容2</li>
...
     </ul>
2、有序列表<ol type="屬性值">
start="列表起點"---裏面是阿拉伯數字
屬性值
1  表示1、2、3、4...阿拉伯數字表示
a  表示小寫字母a、b、c、d....
A  表示大寫字母A、B、C、D....
i  表示 i、ii、iii
l  表示l、ll、lll
</ol>


3、定義列表自定義
語法
<dl>
     <dt>標題1</dt>
     <dd>內容1</dd>
     <dd>內容2</dd>
     <dt>標題2</dt>
     <dd>內容1</dd>
     <dd>內容2</dd>
</dl>
<dt></dt>表示一個項目
<dd></dd>表示一個項目下的更詳細的內容


一、超鏈接:實現網頁之間的跳轉(導航)

  (1)超鏈接組成:

     a.熱點:被點擊的文字或圖片

     b.目標:點擊後被打開的網頁或位置

   (2)<a  href="目標">熱點</a>

  (3)超鏈接細分:

     a.頁面間鏈接: <a href="網頁的路徑">熱點</a>

     b.鏈接本網頁某個位置:

       首先用錨記爲該位置取名: <a  name="位置名"/>   錨名

       再鏈接: <a href="#位置名">熱點</a>

     c.鏈接到另一個網頁某個位置:

       <a href="網頁名#位置名">熱點</a>

     d.功能鏈接

       <a href="mailto:郵箱地址">聯繫我們</a>

二、路徑:

   a.絕對路徑:是指完整路徑,從盤符開始

   b.相對路徑:相對於當前頁面的位置

     例:  <img src="a.jpg"/>          當前文件夾的a.jpg

         <img src="image\a.jpg"/>    當前文件夾的image子文件夾中的a.jpg

         <img src="..\a.jpg"/>       上一級文件夾中的a.jpg

         <img src="..\..\a.jpg"/>    上上級的文件夾中的a.jpg

         <img src="..\image\a.jpg"/> 上一級文件夾中的image文件夾中的a.jpg

   c.網頁開發時,將相關網頁放在同一個文件夾,將圖片放在image子文件夾中,使用相對路徑調用,

     首頁的名字爲index.html



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章