2016-08-05

python实战计划制作自己网页

忘记领50rmb优惠卷了…那只能好好学了呗

最终成果

我的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>spring blossom</title>
    <!-- 这里一定得写rel类型啊....-->
    <link rel="stylesheet" type="text/css" href="main.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 align="center">Spring Blossom</h2>
        <img src="images/0001.jpg" height="150" width="150">
        <img src="images/0003.jpg" height="150" width="150">
        <img src="images/0004.jpg" height="150" width="150">
        <hr/>
        <ul>
            <li><p class="article">From tomorrow on,</p></li>
            <li><p class="article">write to each of my dear ones</p></li>
            <li><p class="article">Telling them of my happiness</p></li>
        </ul>
    </div>
    <div class="footer">
        &copy; Renld
    </div>
</body>
</html>

总结

又开始写实验报告的感觉QAQ……
引入CSS文件记得加stylesheet
不同div 对于class不同于是CSS文件的渲染也不同,一般分成header, main-content 和footer
<hr/>是大下线—对应markdowm中---
图片后面的属性记得调height和weight,另外我似乎记得html有网格框架
标签可以内嵌

本文标题:python实战计划制作自己网页

文章作者:Renld

发布时间:2016年08月05日 - 16时18分

最后更新:2016年08月07日 - 11时29分

原始链接:http://renld.github.io/2016/08/05/PL1-1/

许可协议: "署名-非商用-相同方式共享 3.0" 转载请保留原文链接及作者。