实战第一天,做个网页。
效果图
代码
<!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">
<h1>The blah</h1>
<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>
大卫-李身高2米06,体重109公斤,上个赛季曾在凯尔特人和小牛队效力过,在为凯尔特人队所打的30场比赛中,大卫-李场均出战15.7分钟,可以得到7.1分、4.3个篮板和1.8次助攻。今年2月20日,大卫-李被凯尔特人队裁员,随后他加盟了小牛队。在为小牛队所打的25场比赛中,大卫-李在场均出战17.3分钟,可以得到8.5分、7个篮板和1.2次助攻,63.6%的投篮命中率为生涯新高。
</p>
</div>
<div class="footer">
<p>&Copy;albumcoding</p>
</div>
</body>
</html>
总结
- 网页主要有html, css以及JavaScript组成。html负责网页的结构,css负责样式,javascript负责功能。