美文网首页
HTML基础

HTML基础

作者: 玉出昆冈爱姑娘 | 来源:发表于2020-11-24 22:55 被阅读0次

    涉及图片来自风变

    2019-11-06-10-52-52.png

    一,什么是HTML
    HTML是一种超文本标记语言。
    超文本标记语言(英语:HYPER TEXT MARKUP LANGUAGE,简称:HTML)是一种用于创建网页的标准标记语言.HTML是一种基础技术,常与CSS JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。这段来自维基百科。
    二,HTML由什么组成
    简单概括来讲,主要有元素,标签,属性组成。
    元素: html元素(<html></html>)
    head头元素(<head></head>)
    body主体元素(<body></body>)
    它们成对出现,都带有尖括号(<>&</>),分别代表元素的开始和结束。最外层是<html>和</html>,它的作用是标记文档的起始位置和终止位置。从上而下,依次是<head>和</head>,代表头部的起始位置和终止位置。最后是<body>和</body>,表示文档主体的起始位置和终止位置。

    1127251编组 29.png
    标签:标签用于标记文本信息,指用尖括号(<>和</>)括起来的字母和英文,形式有两种:闭合标签和空标签。
    闭合标签,它们绝大多数成对出现(有开始标签<>,也有结束标签</>)。
    空标签,顾名思义,指那些“孤苦伶仃”的单标签,它们“形影单只”只有一个尖括号<>(斜杠/可省略),标签开始即结束。

    属性:属性大都是赋值语句,类似于python中的变量。
    41B85207-7F1E-4046-BE2B-D98E417DFAB9.png screenshot-www.pypypy.cn-2020.11.24-22_03_50.png

    如上图所示,赋值语句是用=连接,而html属性是用冒号。
    属性中有很重要的两个类别:class 和 id.
    class属性值相同的元素可复用同一套样式。我们可以这么理解:class属性的作用是给元素增添类名,多个元素可配置一个类名,类名相同的元素沿袭同一套样式。
    id属性则刚好和class属性相反,整个HTML文档,它是独一无二的标识,每个id值只能定义一个元素。
    开发者工具
    使用谷歌浏览器(chrome)随机打开一个网页,右键点击【检查】选项,Windows电脑的同学可直接按F12,随即,网页下方(或右方)弹出一个子窗口,这便是浏览器的开发者工具。
    可以看到,HTML源代码中有一些小三角形,每一个三角形都可以展开或合上。尖角向下代表展开,向右代表合上了。HTML层级关系可以通过这些小三角形进行查看,每一个可以展开和合上的小三角形里包含的内容,都是一个层级,就像电脑中一层一层的文件夹。
    为什么要学HTML
    Python 通过URL爬取的通常只是一分html 文档,只有在对HTML文档读懂,修改,编写的基础上才能爬取我们真正想要的东西。HTML是踏入爬虫世界的第一步,在这个的基础上,我们才有可能运用Python模块解析数据和提取数据。
    TIPS
    1:HTML和python一样,【有缩进】,这缩进将文档之间的那点结构层级安排地明明白白。
    2:头部元素(<head></head>)内,一般会被用来设置网页的编码,添加网页标签的小logo,小标题,外部文件引用(就好像python会用import引用别的模块)等。
    3:HTML文档的主体元素(<body></body>)负责定义网页窗口内的所有内容。

    注意:作用相当于python中的#,是HTML的注释方式。

    相关文章

      网友评论

          本文标题:HTML基础

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