最终成果
Paste_Image.png
我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</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>
<ul class="photos">
<li>
<img src="images/0001.jpg" width="150" height="150" />
</li>
<li >
<img src="images/0002.jpg" width="150" height="150" />
</li>
<li>
<img src="images/0003.jpg" width="150" height="150" />
</li>
</ul>
<p>stretching from Solta to Mljet, and this unique cycling trip captures the highlights with an ideal balance of activity, culture and relaxation. Experience the beautiful island of Korcula with its picturesque old town, the untouched beauty of Vis, and trendy Hvar with its Venetian architecture. In the company of a cycling guide, this stimulating journey explores towns and landscapes, many of which are on UNESCO's world heritage list. Aboard the comfortably appointed wooden motor yacht, there is ample time between cycles to swim in the azure waters and soak up the ambience of seaside towns.</p>
</div>
<div class="footer">
<p>footer</p>
</div>
</body>
</html>
总结：
网页的构成 : 网页以一种可视化的页面，由结构、样式、功能三种属性构成，通常由 HTML+CSS+JS实现
-
HTML用于制作网页的结构。正如房子的结构有客厅、主卧、厨房一样，网页也有自己的结构，如页头、导航、内容、标题，而HTML正是用来标注规划这些结构。
-
CSS用于控制网页的样式，如加边框，字体大小等。要想让房间与众不同，就得对地板、墙体等做各种装饰。网页要想与从不同，就需要用CSS装饰网页。
-
JavaScript用于在网页上实现某种功能，如轮播图，交互按钮等。一个房子有结构，有样式是不够的，还得有功能，如灯、电视、空调等。网页有结构、有样式、同样得有功能，而JS常用于做前端功能实现。
HTML+CSS+JS类比.png
HTML标签.png
常用HTML结构图.png
网友评论