很容易理解的前端基礎(chǔ)HTML-如何寫一個(gè)網(wǎng)頁(yè)【零基礎(chǔ)向】
<!DOCTYPE html>
<html lang="zh-CN">
?<head>
??<meta charset="utf-8" />
??<meta name="viewport" content="width=device-width, initial-scale=1" />
??<title>張慶巖主頁(yè)</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>網(wǎng)址鏈接</p>
???<a href="https://imgse.com/i/pSqp641">友情鏈接</a>
??</div>
?</body>
</html>
