爬虫之web基础

最新推荐文章于 2024-07-17 23:50:36 发布

yzybang

最新推荐文章于 2024-07-17 23:50:36 发布

阅读量304

点赞数

分类专栏： python 爬虫

本文链接：https://blog.csdn.net/weixin_46075797/article/details/104775380

版权

python 同时被 2 个专栏收录

7 篇文章

订阅专栏

爬虫

3 篇文章

订阅专栏

本文介绍了网页的基本构成，HTML定义了内容和结构，CSS负责布局，JavaScript则赋予网页动态行为。HTML中使用img、video、p等标签表示元素；CSS通过大括号定义样式，并通过link在HTML中引用；JavaScript存储在独立的js文件中，通过script标签加载，用于实现网页交互。网页结构包括head和body，所有内容置于html标签内，选择节点可通过id、class和标签名进行筛选。

摘要由CSDN通过智能技术生成

网页由HTML 、JavaScript、css组成。HTML相当于骨头，JavaScript相当于肌肉，css相当于皮肤。HTML 定义了网页的内容和结构，CSS 描述了网页的布局，JavaScript 定义了网页的行为。

HTML

基础架构
文字、图片、视频等元素通过不同标签表示。图片用 img 标签表示，视频用 video 标签表示，段落用 p 标签表示，它们之间的布局又常通过布局标签 div 嵌套组合而成。

CSS

层叠样式表，能依顺序处理且样式多样

大括号外代表节点
网页一般统一样式规则，存储在.css文件中，HTML通过link调用

JavaScript（js）

HTML和css配合为静态，JavaScript提供动态
一般独立存储为js文件，HTML通过script标签加载

具体网页的结构

<!DOCTYPE html>  #文件类型
<html>   
<head>#需要闭合head
<meta charset="UTF-8">
<title>This is a Demo</title>
</head> #呼应闭合head
<body> #需要闭合body
<div id="container">   #div，h2，p是标签
<div class="wrapper">
<h2 class="title">Hello World</h2>  #class代表类型，三级标签，因为被包在div的闭合中
<p class="text">Hello,this is a paragragh.</p>#同上
</div>
</div>
</body>#呼应闭合body
</html>

head闭合内是标题，body闭合内是主体，而所有都被包在html闭合内
在这里插入图片描述
所有的节点都可以插入js
可根据不同的节点设置不同的css样式