zoukankan      html  css  js  c++  java
  • html-图像标签

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

      代码实例:

    <html>
        <head>
            <title>World</title>
        </head>
        <body>
            <!-- 在该文件的同级目录下,有一个images目录,并且在images目录下有a.jpg和b.jpg,以下同理(相对路径) -->
            <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-路径的介绍中查看

  • 相关阅读:
    SSM框架配置文件整合
    JSP(四)----JSTL
    MVC开发模式
    JSP(二)----指令,注释,内置对象
    Session
    JavaWeb----Cookie&Session
    JSP(一)----入门学习
    idea激活码
    sql server 模糊查询通配符%和下划线无法匹配问题
    docker服务卸载脚本
  • 原文地址:https://www.cnblogs.com/ibabyli/p/9882334.html
Copyright © 2011-2022 走看看