• 前端学习:html基础学习三


    5、图像标记(主要内容<img>标记)


    <img>标记的使用方法

    <img src="路径/文件名.图片格式" width="属性值" height="属性值" border="属性值" alt="属性值">


    <img>标记的属性

    src属性

    作用

      指定我们要加载的图片的路径和图片的名称以及图片格式

    width属性

    作用

      指定图片的宽度,单位px、em、cm、mm

    height属性

    作用

      指定图片的高度,单位px、em、cm、mm

    border属性

    作用

      指定图标的边框宽度,单位px、em、cm、mm

    alt属性

    作用1

      当网页上的图片被加载完成后,鼠标移动到上面去,会显示这个图片指定的属性文字

    作用2

      如果图像没有下载或者加载失败,会用文字来代替图像显示

    作用3

      搜索引擎可以通过这个属性的文字来抓取图片

    注释:

    注释:alt 属性的值是一个最多可以包含 1024 个字符的字符串,其中包括空格和标点。这个字符串必须包含在引号中。这段 alt 文本中可以包含对特殊字符的实体引用,但它不允许包含其他类别的标记,尤其是不允许有任何样式标签。

    注释:当用户把鼠标移动到 img 元素上时,Internet Explorer 会显示出 alt 属性的值。这种行为并不正确。所有其他的浏览器正在向规范靠拢,只要当图像无法显示时,才会显示出替代文本。

    提示:如果需要为图像创建工具提示,请使用 title 属性。


    注意事项

    1、<img>为单标记,不需要使用</img>闭合

    2.在加载图像文件的时候,文件的路径或者文件名文件格式错误,将无法加载图片


    6、超链接的使用(主要内容<a>标记)


    基本语法

    <a href="" target="打开方式" name="页面锚点名称" >链接文字或者图片</a>


    属性

    href属性

    链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等

    target属性

    (1)作用

      定义超链接的打开方式

    (2)属性值

      _blank:在一个新的窗口中打开链接

      _seif(默认值):在当前窗口中打开链接

      _parent:在父窗口中打开页面(框架中使用较多)

      _top:在顶层窗口中打开文件(框架中使用较多)

    (3)name属性

      指定页面的锚点名称

    作者:RichieWang
    出处:https://home.cnblogs.com/u/richiewlq/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,
    且在文章页面明显位置给出原文连接。
  • 相关阅读:
    CloudStack+KVM环境搭建(步骤很详细,说明ClockStack是用来管理虚拟机的)
    CloudStack和OpenStack该如何选择(如果准备选择OpenStack,请做好hack的准备。CloudStack的底层功能已经做的很完善了,更适合商用)
    NancyFx And ReactiveX
    Apache Kafka® is a distributed streaming platform
    C/C++配置
    Win10 专业版 Hyper-V 主机计算服务无法启动
    使用事件和 CQRS 重写 CRUD 系统
    使用Skywalking分布式链路追踪系统
    GraphQL&DSL&API网关
    TomatoLog 是一个基于 .NETCore 平台的产品。
  • 原文地址:https://www.cnblogs.com/richiewlq/p/7678681.html
Copyright © 2020-2023  润新知