Python实战计划——第一节:动手做自己的网页

  • 视频重点####

  • 练习代码####

1.视频重点##

  1. HTML构成:html css javascript 构成了一个网页(三机构)分别是结构 样式 功能
  2. 最基本的标签:
    1. div标签 区域,容器,框架
    2. p标签 文字,段落
    3. ul无序列表
    4. li 列表项目
    5. img 图片
    6. a href 链接
    7. title 标题
  3. 标签与样式
    1. header,content,footer
    2. <div class = "">
    3. <img scr = "" width = "" height = "">
    4. <a href = "">
    5. <ul class = "">
    6. <ul class = "">

2.练习代码##

<!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">
        <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>
        <hr>
        <ul class="photos">
            <img src="images/0001.jpg" width="150" height="150">
            <img src="images/0003.jpg" width="150" height="150">
            <img src="images/0004.jpg" width="150" height="150">
        </ul>
        <p>我打江南走过
那等在季节里的容颜如莲花的开落
东风不来,三月的柳絮不飞
你的心如小小的寂寞的城
恰若青石的街道向晚
跫音②不响,三月的春帷不揭
你的心是小小的窗扉紧掩
我达达的马蹄是美丽的错误
我不是归人,是个过客……
        </p>
    </div>
    <div class="footer">
        <p>© MuggleCoding</p>
    </div>
</body>
</html>```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,420评论 25 708
  • 这是全栈数据工程师养成攻略系列教程的第十九期:19 Web基础 网页的骨骼HTML。 写Web网页的基础三件套是H...
    宏伦工作室阅读 943评论 0 12
  • 线性回归(Linear Regression) 简单的Octave/MATLAB函数(Simple Octave/...
    SmallRookie阅读 2,244评论 8 5