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

[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>