资讯专栏INFORMATION COLUMN

html-图像标签

atinosun / 1499人阅读

摘要:图像标签图片的路径图片的宽度图片的高度图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容有些浏览器下不显示没有效果,一般不用这个。

  图像标签
    
      -src:图片的路径
      -width:图片的宽度
      -height:图片的高度
      -alt:图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容
      ** 有些浏览器下不显示(没有效果),一般不用这个。

  代码实例:

<html>
    <head>
        <title>Worldtitle>
    head>
    <body>
        
        <h4>下层目录h4>
        <img src="images/a.jpg" width="300" height="200"" alt="图片上的文字"/>
        <img src="images/b.jpg" width="300" height="200"/>
        <hr/>
        <h4>上层目录h4>
        <img src="../a.jpg" width="300" height="200"  />
        <hr/>
        <h4>当层目录h4>
        <img src="b.jpg" width="300" height="200"  />
        <hr/>
        <img src="../img/a.jpg"  width="300" height="200">    
        <h4>远程目录(绝对路径)h4>
        <img src="https://static.cnblogs.com/images/adminlogo.gif" />
    body>
html>

  路径相关请在html-路径的介绍中查看

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1622.html

相关文章

  • 前端基础入门一(HTML

    摘要:所谓超文本,因为它可以加入图片声音动画多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。意思是超文本引用用于指定链接页面的打开方式,其取值有和两种,其中为默认值,为在新窗口中打开方式。 学习目标 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签 掌握三种列表标签 掌握表格标签 掌握表格标签 掌...

    张宪坤 评论0 收藏0
  • 关于网页的一些小知识点

    摘要:元数据是关于数据的信息。标签提供关于文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,元素被用于规定页面的描述关键词文档的作者最后修改时间以及其他元数据。 Web前端的基础知识 什么是web?WEB标准是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1....

    CarterLi 评论0 收藏0
  • 关于网页的一些小知识点

    摘要:元数据是关于数据的信息。标签提供关于文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。典型的情况是,元素被用于规定页面的描述关键词文档的作者最后修改时间以及其他元数据。 Web前端的基础知识 什么是web?WEB标准是一系列标准的总称,包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1....

    galois 评论0 收藏0
  • HTML5如何使用SVG

    摘要:标签标签用于将多个形状组成一个组,方便复用。表示的宽度和长度是实际的像素值。标签标签对的属性不起作用,如果需要变形,就要使用标签。注意,如果使用标签插入文件,就无法获取。 代码优化永远是程序员亘古不变的需求,而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一环,既然是优化,那我们先来看看SVG图片都有哪些优势: SVG 可被非常多的工具读取和修改(比如记事本...

    n7then 评论0 收藏0
  • 第三天·HTML常用标签

    摘要:如果希望某段文本强制换行显示,就需要使用换行标签在中直接敲回车来换行是不起作用的。标签的属性用于指定超链接目标的。这是因为标识符几乎可以用在所有的标签中。 一·- 单词缩写:headHTML的-代表了六个等级的标题,其中标签比较重要,因此要尽量少用。一般是给logo使用,或者是页面中最重要的标题。 Heading level 1 Heading level 2 Heading leve...

    guqiu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<