HTML常用標簽二

圖像標簽和路徑

1. 目錄文件夾：普通的文件夾，裡面存放了我們做頁面需要的相關素材，比如html文件，圖片等

2. 根目錄：打開目錄文件夾的第一層就是根目錄

3. 路徑

   • 相對路徑

     • 以引用文件所在位置為參考基礎，而建立出的目錄路徑

     • 簡單來說，圖片相對於HTML頁面的位置

       相對路徑分類	符號	說明
       同一級路徑		圖像文件位於HTML文件同一級，如<img src="badidu.gif" />
       下一級路徑	/	圖像文件位於HTML文件下一級，如<img src="imags/badidu.gif" />
       上一級路徑	..、	圖像文件位於HTML文件上一級，如<img src="../badidu.gif" />

   • 絕對路徑
     • 是指目錄下的絕對位置，直接到達目標位置，通常是從盤符開始的路徑

超鏈接標簽

1. 在HTML標簽中，<a> 標簽用於定義一個超鏈接，作用是從一個頁面鏈接的另一個頁面。
2. 超鏈接的語法格式

<a href="跳轉目標" target="目標視窗的彈出方式">文本或圖像</a>

1. 超鏈接的分類
   • 外部鏈接：例如<a href="http://www.baidu.com" target="_blank">百度</a>
     • 外部鏈接必須以http://開始
   • 內部鏈接：網站內部頁面之間的相互連接，直接連接內部頁面名稱即可，例如<a href="index.html">首頁
   • 空連接：如果當時沒有確定鏈接目標時，<a href="#">首頁</a>
   • 下載鏈接：如果href裡面是一個文件或者壓縮包，會下載這個文件。地址鏈接是文件、.exe、或者zip等壓縮包形式
   • 網頁元素鏈接：在網頁中的各種網頁元素，如文本，圖像，表格，音頻，視頻等都可以添加超鏈接
   • 錨點鏈接：快速定位到頁面中的某個位置
     • 在連接文本的href屬性中，設置屬性值為#名字的形式，如<a href="#two"> 第二集</a>
     • 找到目標位置標簽，裡面添加一個id屬性=剛纔的名字，如<h3 id="two"> 第二季介紹</h3>

註釋

在html文檔中添加一些便於閱讀和理解但又不需要顯示在頁面中的註釋文字，就需要使用註釋標簽

1. 格式：<!-- -->

特殊字元

在html頁面中，一些特殊的符號很難或者不方便直接使用，此時我們就可以使用下麵的字元來替換