学习python第一天

2016-06-05  本文已影响48人  缘小异

今天正式开始学习python

先说说我的情况,我之前从来没有接触过编程,这次之所以想学习python,完全是因为信息收集的自动化,简单来说,就是爬虫。
网络上面,我需要收集许多不同的信息,以前总是要用鼠标复制粘帖,觉得太麻烦了,而且没技术含量,还浪费时间。
听说这课程小白也能学会,于是就买下来,决心用四周的时间,来学习一下。
今天开始第一课,就是学会创建一个简单的网页。看完课程之后,觉得很简单。
于是我就把课程上方的编码重新输入了一遍。
真的成功了!!!

我的成果

Paste_Image.png

我的代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>the blah</title>
<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>Article</h2>
    <ul class="article">
        <li>
            <img src="images/0001.jpg" width="100" height="90">
            <h3>The balh</h3>
            <p>say something</p>
        </li>
        <li>
            <img src="images/0002.jpg" width="100" height="90">
            <h3>The balh</h3>
            <p>say something</p>
        </li><li>
            <img src="images/0003.jpg" width="100" height="90">
            <h3>The balh</h3>
            <p>say something</p>
        </li><li>
            <img src="images/0004.jpg" width="100" height="90">
            <h3>The balh</h3>
            <p>say something</p>
        </li>
    </ul>
</div>
<div class="footer">
    <p>©pppp</p>
</div>
</body>
</html>

我的总结

  1. 先学到2个标签<head>和<body>,head标签是给浏览器看的,而body标签里面的内容是给用户看的。
  2. head标签里面有一段
<link rel="stylesheet" type="text/css" href="main.css">

是用来引入css样式的,其实我也不知道具体代表什么,都是按照教程输入的。

  1. body标签里面运用最多的就是div标签,这个标签可以将body里面的内容进行分块。div标签里面可以加载css样式。说到css样式,实际上就是我们对页面的“装修”,可以这样理解。毛坯房可住不了人。
  2. <h2>是标题的标签,除了h2,还有h1到h6.
  3. img标签就是引入图片的。如果对图片的尺寸有要求,必须加上width(宽)和height(高)的尺寸。
<img src="images/0002.jpg" width="100" height="90">
  1. ul标签,就是无序的标签,指内容无序排列。对应着有ol标签,有序排列。里面可以加载css样式。
  2. li标签,列表标签。ul标签里面一般会使用li标签。
  3. p标签,就是纯文字标签。
  4. 对了,还有a标签,就是用来引入超链接的标签。
<a href="网址">显示的文字</a>
  1. 还有&copy:,就是我们常用的商标标识。
上一篇 下一篇

猜你喜欢

热点阅读