背景
这是学习Python爬虫技术的第一周第一个作业,通过写网页的形式学习HTML语言。
心得总结
HTML是由标签构成的语言,整体结构分为给浏览器看的<head>
和显示给读者的<body>
两部分。
<body>
中主要使用<div>
标签来划分框架结构,引用CSS文件来进行风格装饰。<p>
用于显示文字,<img>
用于显示图片,<a href="">
用于建立超链接,<hr>
为显示一条水平分隔线,<li>
为列表项。
对于©这样键盘上没有的特殊符号,HTML语言中采用©
这样的转义写法来表示。同类的特殊符号还有€写作€
等。
显示结果
1.jpgHTML源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <title>The blah</title>
<link rel="stylesheet" type="text/css" href="test.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"></li>
<li><img src="images/0003.jpg" width="150" height="150"></li>
<li><img src="images/0004.jpg" width="150" height="150"></li>
</ul>
<p> 《海滩》是由丹尼·鲍尔执导,莱昂纳多·迪卡普里奥
、维吉妮·拉朵嫣、蒂尔达·斯文顿、吉约姆·卡内等主演的荒野冒险电影。
影片通过讲述一群人远离繁华世界在偏僻绮丽的海滩过起的世外桃源的生活,
来展现真实的人性的爱与自私。该片于2000年2月在美国上映。 </p>
</div>
<div class="footer">
<p>©麻瓜编程</p>
</div>
</body>
</html>
网友评论