【week1】day1：认识网页结构，并自己动手写一个网页
2016-08-29 本文已影响0人
霍淇三公子
1，网页构成
- html —— 结构
- css —— 样式
- JS —— 功能
2，认识html
3，自己动手写网页
-
The result：
- The code：
<!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"></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>
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>©mugglecoding</p>
</div>
</body>
</html>```
#4，反思与总结
+ css文件与images以及html文档应该放在同一个文件夹内。
***
KEEP FIGHTING！
