分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

html-图像标签

发布时间:2023-09-06 02:20责任编辑:白小东关键词:暂无标签

  图像标签
    <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-路径的介绍中查看

html-图像标签

原文地址:https://www.cnblogs.com/ibabyli/p/9882334.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved