图片与超链接标签

Posted zengsf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片与超链接标签相关的知识,希望对你有一定的参考价值。

1.图片标签

  1.在网页中插入一张图片
  2.语法:<img>
  3.属性:
    (1): src:指定要显示的图片路径
    (2): width:设置图片的宽度,以像素px为单位,也可以省略单位
    (3): height:设置图片的高度
    (4): title:用来设置图片的标题,当鼠标悬停在图片上方是出现
    (5): alt:用来设置图片加载失败之后的提示文本

2.超链接标签

  1.语法:<a>超链接内容</a>
    标签属性:herf:必填属性,指定链接地址,当属性为空 "",表示跳转至当前页,包含网络请求,相当于刷新界面。如果属性为 "#",表示当前页,不包含网络请求,因此没有刷新。
       target:设置目标文件的打开方式,指的是是否新建窗口打开,默认在当前窗口打开目标文件。
    取值:_self 默认值,在当前窗口打开
     _blank 新建窗口打开

  2.瞄点链接 

    作用:在指定的文件中指定位置进行跳转

    语法:
      <a href="#6">6. 历史沧桑</a>
      <a name="6"></a>
      <p>历史。。。。。</p>

  3.外部瞄点连接

    例子:<a href="day0202.html#6">"历史沧桑"</a>















以上是关于图片与超链接标签的主要内容,如果未能解决你的问题,请参考以下文章

滚动标签 压缩文件下载 与超链接的优化写法

前端三件套 HTML+CSS+JS基础知识内容笔记

前端三件套 HTML+CSS+JS基础知识内容笔记

前端三件套 HTML+CSS+JS基础知识内容笔记

前端三件套 HTML+CSS+JS基础知识内容笔记

前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱)