爬虫入门02 web网页基础

进阶的小菜菜

已于 2024-07-27 10:34:48 修改

阅读量1.1k

点赞数 25

文章标签：爬虫

于 2024-07-26 10:15:31 首次发布

本文链接：https://blog.csdn.net/2301_79467953/article/details/140707352

版权

本文基于各个大佬的文章

前言

暑假在家闲来无事，网上冲浪刷到了爬虫教程，目前正在学习中。本文即记录所学内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、网页是什么？

网页是构成网站的基本元素，是承载各种网站应用的平台。那么这时我们便有疑问，网站是什么？网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，主要有独立域名和空间，那怕只有一个页面也叫网站。

而网页主要由文字、图像、超链接等元素组成，除此之外还包括视频、音频、flash等。例如blog、挂在别人那里的个人主页，企业建站系统里的企业页面，多用户商城里的商户……尽管有很多页面，功能也齐全，但都不能叫网站，只能叫网页。

明白网站是由网页组成的之后，我们再来看网页的基本组成：结构（HTML)、表现（CSS)和行（JavaScript）。例如blog、挂在别人那里的个人主页，企业建站系统里的企业页面，多用户商城里的商户……尽管有很多页面，功能也齐全，但都不能叫网站。

1.HTML

HTML 是用来描述网页的一种语言，其全称叫作 Hyper Text Markup Language，即超文本标记语言。我们浏览的网页包括文字、按钮、图片和视频等各种复杂的元素，其基础架构就是 HTML。

不同类型的元素通过不同类型的标签来表示，如图片用 img 标签表示，视频用 video 标签表示，段落用 p 标签表示，它们之间的布局又常通过布局标签 div 嵌套组合而成，各种标签通过不同的排列和嵌套就可以形成网页的框架。

2.CSS

CSS全称叫作 Cascading Style Sheets，即层叠样式表。“层叠” 是指当在 HTML 中引用了数个样式文件，并且样式发生冲突时，浏览器能依据层叠顺序处理。“样式” 指网页中文字大小、颜色、元素间距、排列等格式。

CSS 是目前唯一的网页页面排版样式标准，有了它的帮助，页面才会变得更为美观。大括号内部写的就是一条条样式规则，例如 position 指定了这个元素的布局方式为绝对布局，bottom 指定元素的下边距为 40 像素，width 指定了宽度为 100% 占满父元素，height 则指定了元素的高度。

我们将位置、宽度、高度等样式配置统一写规定的形式，然后用大括号括起来，接着在开头再加上 CSS 选择器，这就代表这个样式对 CSS 选择器选中的元素生效，元素就会根据此样式来展示了。在网页中，一般会统一定义整个网页的样式规则，并写入 CSS 文件中（其后缀为 css）。

例如百度图标。

`3.`JavaScript

JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。HTML 和 CSS 配合使用，提供给用户的只是一种静态信息，缺乏交互性，加入JS后网页里会看到一些交互和动画效果，如下载进度条、提示框、轮播图等。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。