Python实战计划学习笔记-做一个网页

效果图###

kending.png

代码###

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>做一个网页</title>
    <link rel="stylesheet" type="text/css" href="homework.css"></link>
</head>
<body>
    <div class="header">
        <img src="images/blah.png"> 
        <!-- png格式的图片可以保存为无背景 -->
        <ul class="nav">
            <li>
                <a href="#">Jerome</a>
            </li>
            <li>
                <a href="#">Junwei</a>
            </li>
            <li>
                <a href="#">Yang</a>
            </li>
        </ul>
    </div>
    <div class="main-content">
        <h2>垦丁</h2>
        <hr />
        <ul class="nav">
            <img src="images/kending01.jpg" width="150" height="150"></img>
            <img src="images/kending02.jpg" width="150" height="150"></img>
            <img src="images/kending03.jpg" width="150" height="150"></img>
        </ul>
        <p>
            想说的很多,有时间再写
            想说的很多,有时间再写
            想说的很多,有时间再写
            想说的很多,有时间再写
            想说的很多,有时间再写
            想说的很多,有时间再写
        </p>
    </div>
    <div class="footer">
        <p>Copyright : Jerome</p>
    </div>
</body>
</html>

总结##

1.加入多张并列的图片,需要加入标签ul,否则图片则左对齐,而非中间对其
2.<hr />表示加入可耐的分割线
3.```markdown加入代码段
4.如何访问网站:

  • 浏览器键入URL(Uniform Resource Locator)
  • 在URL服务器(域名系统)中解析,找到相应的IP地址
  • 在对应的IP服务器中发送HTTP请求(GET,POST)
  • 将请求得到的HTML,JS,CSS等传回给用户(有些数据包是压缩的),并通过浏览器渲染
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容