Python爬虫实战笔记_1-1

认识html。

动手做了一个简单的页面。事实证明,只要元素用的好看,网页就可以很好看。

Screen Shot 2016-06-26 at 8.33.12 PM.png

代码

<!DOCTYPE html><html lang="en">
<head>    
<meta charset="UTF-8">    
<title>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="#" >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/0004.jpg" width="150" height="150" alt="pic1"></li>            
  <li><img src="images/0003.jpg" width="150" height="150" alt="pic1"></li>        
</ul>        
<p>stretching from Solta to M1jets</p>    
</div>    
<div class="footer">        
<p>© Mugglecoding</p>    
</div>
</body>
</html>

总结:

  • HTML5引入了不少新标签比如nav,后面爬网页的时候可以留意一下,看看现在的新写法。
  • keep going
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,839评论 25 709
  • 因为有机会参与一个项目的早期设计,因此搭建的时候不可避免的遇到了如何满足响应式的问题。翻阅了《响应式Web设计:H...
    tangyefei阅读 11,568评论 2 90
  • 笔记参考自《响应式Web设计:HTML5和CSS3实践》,2013年出版内容说不上最新。如下是全书的章的目录:第 ...
    于晓鱼阅读 4,525评论 0 1
  • 格式后期处理。 Jeremy Keith在 Fronteers 2010 上的主题演讲 今天我想跟大家谈一谈HTM...
    LordZhou阅读 4,818评论 0 17
  • 就这问题,我问过很多好友,大部分说得用护肤品,也有少部分说从来不用! 我是属于那种不肯把时间放脸上的懒女人,我宁愿...
    小女人123阅读 1,657评论 1 2