[HeadFrist-HTMLCSS学习笔记]第二章深入了解超文本:认识HTML中的“HT”

时间:2023-01-14 20:07:08

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