html——a标签与img标签

一.<a>标签

定义:

<a>标签定义超链接,用于从一张页面链接到另一张页面

属性:

  • href:元素最重要的属性是 href 属性,它指示链接的目标。值为URL
    例:<a href="https://bbs.excellence-girls.org/">卓越女生BBS</a>
    上边的代码我们会看到如下的效果:
    <a href="https://bbs.excellence-girls.org/">卓越女生BBS</a>
  • download:规定要下载的超链接目标,值为filename
    例:<a href="/i/w3school_logo_white.gif" download="w3logo"> <img border="0" src="/i/w3school_logo_white.gif" alt="W3School"> </a>
  • target:规定在何处打开链接文档。
  • _blank:在新窗口中打开被链接文档。
  • _parent:在父框架集中打开被链接文档。
  • _self:默认。在相同的框架中打开被链接文档。
  • _top:在整个窗口中打开被链接文档。
  • framename:在指定的框架中打开被链接文档。
  • 语法:<a target="value">

二. <img>标签

定义:

<img>可向网页中嵌入一张图像

  • 注意:请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

属性:

  • 必需属性
    • src(必需属性):值为URL,规定所要显示图像的URL

    • alt(必需属性):值为text,规定代替图像的文本

    • 可选属性(常用):

      • height:定义图像高度(pixels%
      • width:定义图像宽度 (pixels%)
      • align:规定如何根据周围文本来排列图像(top,bottom,middle,left,right)
      • border:定义图像周围的边框(pixels)

语法:

例:
<img src="https://www.google.com/http%3A%2F%2Fwww.sanhe.es%2F_mz%2Feditor%2Fattached%2Fimage%2F20141209%2F20141209223126_34300.jpg" alt = "古罗马" width = "50" height = "50" border = "1"/>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,102评论 0 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,256评论 19 139
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,178评论 0 16
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,406评论 1 41
  • 摘要:什么是布里咔论?它是一种新的销售思维方法,掌握它,我们就能破解职场中的很多销售难题,提升销售业绩,在生活或者...
    晴空依然阅读 422评论 0 1