python实战练习1

创建一个网页

网站页面截图如下:

a.jpg

代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>The blash</title>
    <link rel="stylesheet" type="text/css" href="main.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="150px" height="150px" />
        </li>
        <li>
            <img src="images/0002.jpg" width="150px" height="150px" />
        </li>
        <li>
            <img src="images/0003.jpg" width="150px" height="150px" />
        </li>
        <p>
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
             The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
            The BeachThe BeachThe BeachThe BeachThe BeachThe BeachThe Beach
        </p>
    </ul>
</div>
<div class="footer">
    <p>&copy;Mugglecoding</p>
</div>
</body>
</html>

1、了解网站结构。因为有web前端的基础,这个比较容易。
2、继续后面的学习

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容