• <HTML>超文本


    <a>标签

    1. <a href="..."> 标签 </a>
    2. <a>元素创建一个超文本链接,链接到另一个web页面。
    3. href: hypertextreference, 可指向各种各样的资源。
    4. 如果把一个<img>元素放在一个<a>标记之间,这个图像就可以单击。
    5. 注意href属性值的地址,如果不是一个文件夹中的,记得要用相对路径。

    属性

    1. Attributes
    2. 例子
      1. <style type="text/css">
      2. <a href="index,html">
      3. <img src="photo.gif">
    3. 属性名 = "属性值"
    4. 现在HTML5已支持定制数据属性

    组织

    1. 根文件:包含整个网站的顶级文件。
    2. 希望某些图像能在多个网页上重用,所以把图像都放在根目录下的一个文件夹里集中维护。
    3. 分支:每个向下到一个文件或文件夹的路径就是一个分支
    4. 注意<a>中href属性的路径问题
      1. <a>标签中,如果直接给href属性赋值文件名,那么浏览器会默认是在同个文件里找文件。
      2. 从上往下:
        1. file1/aim.html---首先从通过文件内进入file1文件,再在file1文件内找aim.html,中间用“/”分隔路径的各个部分。
        2. ex: <a href="beverages/elixir.html">elixirs</a>
      3. 从下往上
        1. 用".."来表示在父文件中查找文件。
        2. ".." 读作 “dot dot”
        3. 也是用“/”分隔路径的各个部分
        4.  上两层的dot dot之间也要用"/"分开, ex: ../../elixirs.html
        5. 不同操作系统都是用 "/" 分隔
        6. 可与从上往下的结合
    5. <img>元素的src属性也有一个相对路径值
      1. <img src="../images/drink.jpg">
    6. 为网站选择的文件名和文件夹名中不要使用空格。
  • 相关阅读:
    验证guid()类型值的函数
    jquery时期到计时插件
    最简单快速的Apache二级域名实现方法
    线程和线程的常用方法
    Mobile WEB前端研发流程
    HTML5标莶使用初级技巧
    前端开发中常见的HTML5标签乱用案例
    iPad应用的10大用户体验设计准则
    移动平台3G手机网站前端开发布局技巧汇总
    分享HTML 5的参考手册,演讲稿,电子书和教程
  • 原文地址:https://www.cnblogs.com/xuwanwei/p/10630513.html
Copyright © 2020-2023  润新知