最終成果
QQ20160626-0.png
我的代碼
<!DOCTYPE html>
<html lang="en">
<head> <!--網(wǎng)頁(yè)中不可見(jiàn) -->
<meta charset="UTF-8">
<title>The blah</title>
<link rel="stylesheet" type="text/css" href="homework.css"> <!-- 引用樣式-->
</head>
<body> <!-- 網(wǎng)頁(yè)中可見(jiàn)-->
<div class="header"> <!-- div(劃分區(qū)域)-->
<img src="images/blah.png">
<ul class="nav"> <!-- 無(wú)序列表-->
<li><a href="#">Home</a></li> <!--li(列表項(xiàng)目),a(連接) -->
<li><a href="#">Site</a></li>
<li><a href="#">Other</a></li>
</ul>
</div>
<div class="main-content">
<h2>The Beach</h2>
<hr> <!--下劃線(xiàn),只有開(kāi)始標(biāo)簽,無(wú)結(jié)束標(biāo)簽-->
<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> <!-- 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>
總結(jié)
- PyCharm創(chuàng)建網(wǎng)頁(yè)文件時(shí)open選擇html所在文件夾(包括.html,.css和images文件夾)刃跛,問(wèn)不是點(diǎn)html文件
- html可以引用樣式文件.css
- 標(biāo)簽可以嵌套標(biāo)簽