HTML背景图片

1.背景颜色和背景图片
首先这里用到了开发工具HBuilder X,在开发工具上编写代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"><!--告诉浏览器以哪种编码方式打开该文件--> 并不是设置文件的格式为utf-8字符集,而是让浏览器以utf-8打开
		<title>HTML背景颜色和格式</title>
	</head>
	<body bgcolor = "red" background = "img/1.img">
	<!--bgcolor 背景色  background 背景图片-->
	</body>
</html>

2.图片
图片和背景图片有区别,一个是底色,一个是页面上可以移动的东西

1.设置图片宽度和高度的时候,只设置宽度,高度会进行等比例缩放。
2.Img标签就是图片标签
3.src属性是图片的路径
4.width设置宽度,height设置高度
5.title是设置鼠标悬停上显示的字
6.alt 图片加载失败的时候显示的提醒信息,图片加载失败的原因可能有网速拥塞,或者在该路径下无法找到该图片

<img src="img/tiger.jpg"/ width = "100px" //可以设置宽度
title = "这是悬停提醒"	alt = "图片找不到哦"/>
		<br><br><br>
		<img src="img/tiger.jpg"/>
<开始><结束/> 如果在一个标签开始和结束中间不加东西的话可以改写为如下
<测试/>
比如:<img></img> 如果在img标签中间不加东西的话  改写为 <img/>如上图所示  

超链接
特点:
有下划线
鼠标停留在超链接上面显示小手的形状

href:hot reference 热引用
href属性后面一定是一个资源的地址,可以是网址,可以是图片
可以是绝对路径,可以是相对路径,可以是网络资源,也可以是本地的

<target = “_blank”>:新窗口 点击超链接会新打开一个网页

<target = “_self”>:当前窗口(默认就是这种方式 ) 会从当前网页窗口前往所链接的资源

<target = “_top”>:顶级窗口

<target = “_parent”>:父窗口

超链接的作用
通过超链接可以从浏览器向服务器发送请求
浏览器向发送请求(请求:request)
服务器向浏览器发送数据(响应:response)

B/S结构的系统:每一个请求都会对应一个响应
B–请求—>S
S-----响应----->B

用户点击超链接和用户在浏览器地址栏上直接输入URL,有何区别?
		本质上没有区别,都是向服务器发送请求

从操作上来说,超链接使用更加方便
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!--以下为超链接的使用-->
		<a href = "链接的地址 如http://www.baidu.com">百度</a>
		<a href = "www.hao123/com" target = "_blank"><img src = "图片路径"/><a/>放入一个图片超链接

		
	</body>
</html>

列表 (了解内容)

发布了27 篇原创文章 · 获赞 0 · 访问量 407

猜你喜欢

转载自blog.csdn.net/wenshao007/article/details/104428599