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