很容易理解的前端基础HTML-如何写一个网页【零基础向】
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>张庆岩主页</title>
<style>
body {
margin: 0;
}
</style>
</head>
<body>
<div style="background-color: #f1f3; text-align: center; padding: 30px">
<img
src="拍摄图片/莲花和莲蓬.jpg"
width="90px"
height="120px"
usemap="#123"
/>
</div>
<map name="123">
<area shape="circle" coords="45,50,25" alt="荷花" href="https://www.runoob.com/try/demo_source/sun.htm">
<area shape="rect" coords="75,80,85,90" alt="莲蓬" href="https://www.runoob.com/try/try.php?filename=tryhtml_areamap">
</map>
<div
style="
background-color: rgba(155, 67, 155, 0.6);
max-width: 700px;
margin: 35px auto;
padding: 20px;
line-height: 1.5;
"
>
<p>今天星期一</p>
<p>明天星期二</p>
<p>这是星期三</p>
</div>
<div
style="
background-color: #f1f;
text-align: center;
padding: 40px;
font-size: 18px;
"
>
<p>网址链接</p>
<a href="https://imgse.com/i/pSqp641">友情链接</a>
</div>
</body>
</html>
