网易云课堂上的一个学习项目——“四周实现爬虫网站”,希望自己能坚持下来。
展示一下成果
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The blah</title>
<link rel="stylesheet" type="text/css" href="homework.css"> <!--相对路径方式引入css文件-->
</head>
<body>
<div class="header">
<img src=/"images/blah.png">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Site</a></li>
<li><a href="#">Other</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr>
<ul class="photos">
<li>
<img src=/"images/0001.jpg" width="150" height="150" alt="Pic1">
</li>
<li>
<img src=/"images/0003.jpg" width="150" height="150" alt="Pic1">
</li>
<li>
<img src=/"images/0004.jpg" width="150" height="150" alt="Pic1">
</li>
</ul>
<p>
As I told you earlier this week, we have begun an extensive review of operations as part of a broader transformation program.
There will be, unfortunately, an impact on news department staff in this process. In order to limit the number of involuntary
layoffs, we will be offering all news employees around the world - management and non-management - the option to elect to take
an enhanced voluntary severance benefit. The terms are described in the attached FAQ.
</p>
</div>
<div class="footer">
<p>© Mugglecoding</p>
</div>
</body>
</html>
总结
1、更多markdown的语法要熟悉,不然写作的时候稍微有些困难
2、有很多资源可以学习,例如http://www.w3school.com.cn
3、上面图片上传的地方,如<img src=/"images/blah.png">,“=“后加“/”的原因是简书非得认为是站外图片上传