zoukankan      html  css  js  c++  java
  • [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>

  • 相关阅读:
    linux内存管理之数据结构必备
    Script快速入门与查表
    Bash编程linux诸多熟记命令
    NandFlash/NorFlash源码模型和驱动编写方法
    linux内存管理之uboot第一步
    《Magus Night》
    《P2447 [SDOI2010]外星千足虫》
    DFS 树的理解
    《2021CCPC桂林》
    《GRAPH》
  • 原文地址:https://www.cnblogs.com/orii/p/10852175.html
Copyright © 2011-2022 走看看