[网页编程]-07 图片标签

prtyaa
prtyaa 2023-12-27 16:16:18 66528
分类专栏： 资讯

图片标签多用于图片的插入,一般是有三种方式来连接图片

参考代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--相对路径-->
		<img src="img/2.jpg" />
		<!--绝对路径-->
		<img src="C:\\Users\\my\\Documents\\HBuilderProjects\\01HTML\\img\\1.jpg" />
		<!--网络路径-->
		<img src="https://www.baidu.com/img/bd_logo1.png" />
		
		<hr />
		<p>
			
		6666
		<a href="#">
			
		<img src="img/1.jpg" title="图片"  width="200px" height="200px" border="2px" alt="图片显示错误" align="right"/>
		
		</a>
		8888
		
		</p>
	</body>
</html>
<!--
	img  (不会自动的换行)
	
	
	 src:引入图片的位置{相对路径、绝对路径、网络路径  }
	
	 title：图片的标题
	 
	原始 宽和高
	
	     400px    260px
	如果只给一个数值就会等比例的放大或者缩小
	     
	     200px     130px  
	
	border:图片的边框
	
	alt：图片无法正常显示的时候显示的属性
	
	align:图片的位置  ，必须有参照物
	
-->

页面效果

网站声明：如果转载，请联系本站管理员。否则一切后果自行承担。

本文链接：https://www.xckfsq.com/news/show.html?id=31566
赞同 0
评论 0 条

相关文章

  • [网页编程]-08 JavaScript 内置对象 2023-12-27 63892 浏览

    JavaScript中内置里几个对象,我们就挑常用的来学习就好JavaScript教程导读_w3cschool​www.w3cschool.cn/javascript/js-tutorial.html

  • [网页编程]-14 JavaScript Bom对象中常用属性 2023-12-27 66070 浏览

    Navigator返回由客户机发送到服务器的user-agent的头部信息(用户代理对象)判断是移动端还是PC端Locationurl:查看地址href:查看主机地址hostname:主机地址port:端口号/*Lo

  • [网页编程]-13 JavaScript BOM对象中常用的方法 2023-12-27 64808 浏览

    注意,下面所有方法中的Window是可以省略的弹窗第一种只有确定按钮/*三种弹框方式*///第一种functiontk1(){//window可以省window.alert("第一种弹框方式");}

  • [网页编程]-12 JavaScript BOM和DOM对象 2023-12-27 64134 浏览

    简单的来说,整个浏览器的结构就是BOM这包括着浏览器的全部而Dom就是中间我们浏览内容的那一块Bom包含Dom●什么是BOM●BOM是Browser0bjectModel的简写，即浏览器对象模型。●BOM由一系列对象组成，是访问、控制、修改浏览器的属性的方法●BOM没有统一的标准(每种客户端都可以自定标准)。●BOM的顶层是window对象●什么是DOM●DOM;是DocumentObjectMo

  • [网页编程]-11 JavaScript 键盘code表 2023-12-27 66579 浏览

    keycode8=BackSpaceBackSpacekeycode9=TabTabkeycode12=Clearkeycode13=Enterkeycode16=Shift_Lkeycode17=Control_Lkeycode18=Alt_Lkeycode19=Pausekeycode20=Caps_Lockkeycode27=EscapeEscapekeycode32=spacespacek

  • [网页编程]-10 JavaScript event事件 2023-12-27 65611 浏览

    满足某些条件就会被触发例如单击常用操作:单击事件:onclick最常用双击事件:ondblclick获得焦点事件:onfocus失去焦点事件:onblur鼠标移动事件:onmousemove鼠标离开事件:onmouseout鼠标抬起事件:onmouseover键盘抬起事件:onkeyup页面加载事件:onload要一个操作触发多个事件只需要在事件中以分号隔开即可

  • [网页编程]-09 JavaScript Array数组 2023-12-27 65660 浏览

    数组声明的四种方式方式一最常用的,简略的声明了数组,但是没给长度vararr4=["你好数组!",123,newDate(),false];方式二只是声明了数组,但是给有给定长度和内容vararr=newArray();方式三声明了数组以及长度,但是没有给定数组内具体内容vararr2=newArray(5);方式四声明了数组以及其中的内容,但是没有给定具体长度vararr3=newArray("

  • [网页编程]-05 JavaScript 运算符 2023-12-27 65928 浏览

    JS中的运算符和JAVA中的运算符大体相似,具体类型如下

  • [网页编程]-03 JavaScript 变量 2023-12-27 67194 浏览

    【1】JS中变量的声明var变量名=值；【2】JS中变量的使用注意的事项A、js中的变量的名称和java中标识符的命名保持一致就可以了。B、js中变量名称是可以重复的，但是后者的名称会把前者的名称值覆盖C、js中末尾即使没有分号结束也是可以的，但是不推荐大家这样书写。

  • [网页编程]-04 JavaScript 数据类型 2023-12-27 68252 浏览

    JS中的数据类型number（数字类型的数据）string（字符串类型）boolean（布尔数据类型）object（对象类型）JS中特殊数据类型undefined(未定义)NaN(不是一个数字)notanumbernull(空对象)

    • 关注我们

      信创开放社区公众号二维码

      扫一扫关注公众号

      信创开放社区交流群

      添加我为好友，拉您入交流群！

    添加我为好友，拉您入交流群！

    请使用微信扫一扫!