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