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

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

作者: 唐宗宋祖 | 来源:发表于2016-05-16 17:31 被阅读54次
  • 视频重点####

  • 练习代码####

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/mlvbrttx.html