Python实战计划学习笔记(一):做一个网页

实战第一天,做个网页。

效果图

1.png

代码


<!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>

总结

  1. 网页主要有html, css以及JavaScript组成。html负责网页的结构,css负责样式,javascript负责功能。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,029评论 25 708
  • 如果有人问你夏季时,什么地方最热,你回答“非洲”那是不对的。为什么呢?有很多人都有这一个疑问。有人会觉得:非洲它在...
    子涒阅读 2,641评论 3 1
  • 黑眼圈长期存在 原因: 女性的黑眼圈长期存在,可能是痛经、月经不调引起。中医的理论认为,痛经、月经不调是由气滞血淤...
    凡人Phoebe阅读 324评论 0 0
  • 如果我说有那么一个同学,她叫玉环,你会有什么反应?是不是立马在脑海里浮现出一个小胖子?咳,体态丰满的美人。 如果我...
    石头也向阳阅读 615评论 4 2
  • "我们离婚吧?","好吧" 两年的感情到今天终于结束了,从恋爱到结婚到离婚,一共两年,两年间为了她来到陌生的城市,...
    海豚儿儿阅读 174评论 0 0