文章目录
图示概念
背景颜色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>背景颜色 ，背景图片</title>
</head>
<body bgcolor='red'>
</body>
</html>
图示结果
背景图片
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>背景颜色 ，背景图片</title>
</head>
<body background='https://pic4.zhimg.com/v2-13ee1f2e14d10b8686f91bea4c03bf77_r.jpg'>
</body>
</html>
图示结果
图示概念
标签 图片 属性 图片路径 src 标题 title 默认值 alt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>背景颜色 ，背景图片</title>
</head>
<body>
<img src="https://img.zcool.cn/community/0195dc58c69c2fa801219c7768191d.jpg@1280w_1l_2o_100sh.jpg" alt="图片未找到！"
title='我是一张图片' width="180px">
</body>
</html>
图示结果
图示概念
超链接/热引用 属性 target
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接</title>
</head>
<body>
<a href="https://cn.bing.com/chrome/newtab?FORM=BEHPTB">谷歌首页</a>
<a href="https://cn.bing.com/chrome/newtab?FORM=BEHPTB">
<img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" alt="找不到合适的位置" width="150px">
</a>
<a href="https://cn.bing.com/chrome/newtab?FORM=BEHPTB" target="_blank">谷歌首页</a>
<a href="https://cn.bing.com/chrome/newtab?FORM=BEHPTB" target="_self">谷歌首页</a>
</body>
</html>
图是结果
