作业:1.1

成果:

代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>homework</title>

    <link rel="stylesheet" type="text/css" href="homework.css">

</head>

<body>

    <div class="header">

        <img src="images_c/blah.png">

        <ul class="nav">

            <li><a href="#">Home</a></li>

            <li><a href="#">Home</a></li>

            <li><a href="#">Home</a></li>

        </ul>

    </div>

    <div class="main-content">

        <h2 align="center">The Beach</h2>

        <hr />

        <ul class="photos">

            <img src="images_c/0001.jpg" width="150" height="150" >

            <img src="images_c/0003.jpg" width="150" height="150" >

            <img src="images_c/0004.jpg" width="150" height="150">

        </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>&copy;muggkecoding</p>

    </div>

</body>

</html>

总结:1.文件路径要整理好

2.本次课程主要就是为了理解相应的网络结构。要注意,样式是写在结构的标签的括号中的。



嵌套关系是重点。

4.学会画结构分析图

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

推荐阅读更多精彩内容