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>
列表 (了解内容)