<html lang="en">
<head>
<meta charset="utf-8">
<title class=>The Blah</title>
<link rel="stylesheet" type="text/css" href="homework.css">
</head>
<body>
<div class="header">
<img src="images/blah.png">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Other</a></li>
<li><a href="#">Site</a></li>
</ul>
</div>
<div class="main-content">
<h1>The Beach</h1>
<hr>
<ul class="photo">
<img src="images/0001.jpg" height="150" width="150" alt="pic1">
<img src="images/0002.jpg" height="150" width="140" alt="pic2">
<img src="images/0003.jpg" height="150" width="150" alt="pic3">
</ul>
<p>
something
</div>
<div class="footer"><p>©mugglecoding</p></div>
</body>
</html>
Paste_Image.png
笔记：
1、要导入css文件，或者直接在有css文件的目录下创建html，然后用相对路径引用。
2、<meta charset="UTF-8">是告诉浏览器本文件的编码方式。
3、alt属性是图像无法显示时的替代文本，最好是每张图片后面都跟alt。用法：<img src="图片路径" alt="图片描述"/>、<img alt="..." />
