[HeadFrist-HTMLCSS學習筆記]第二章深入了解超文本：認識HTML中的“HT”

敲黑板！！！

• 創建HTML超鏈接
  • <a>鏈接文本（此處會有下劃線，可以單擊跳轉）<\a> ，使用<a>元素創建一個超文本鏈接，鏈接到另一個Web頁面
  • <a href="XXX.html(此處是鏈接的目標文件)">鏈接文本<\a>，href屬性高速瀏覽器連接的目標文件
• 屬性的寫法：屬性名="屬性值"
  • type指定使用那一種樣式語言，如：<style type="text/css">
  • herf指定超鏈接的目標文件，如：<a href="irule.html">
  • src指定一個img標記顯示的圖像的文件名，如：<img src="sweetphoto.gif">
• 組織網站，以便於以後的維護和管理
  • 主頁面放在根目錄下
  • 在根目錄下創建不同的文件夾分別存放主題不同的文件
  • 將所有圖像放在一個文件夾中

學習過程中的問題

Q：組織網站之後，再點擊鏈接發現找不到目標文件，而且圖片也無法顯示
A：

• 自上向下，需要添加到目的文件的相對路徑，從包含這個連接的頁面開始，找到指定的文件夾，註意使用“/”斜線
• 自下向上，需要使用..
  返回到上一層文件夾中

Q：通過單機圖像能否實現頁面跳轉
A：把<img>元素放到<a>之間即可，如：<a href="XX.html"><img src="drinks.gif"><\a>

[HeadFrist-HTMLCSS學習筆記]第二章深入了解超文本：認識HTML中的“HT”