爬虫入门系列-HTML基础语法

news/2024/7/19 11:17:50 标签: 爬虫

🌈个人主页:会编辑的果子君 

💫个人格言:“成为自己未来的主人~”  

HTML基础语法

bs4解析比较简单,但是呢,首先你需要了解一丢丢的html知识,然后再去使用bs4去提取,逻辑和编写难度就会非常简单和清晰。

HTML(Hyper Text Markup Language)超文本标记语言,是我们编写网页的最基本也是最核心的一种语言,其语法规则就是用不同的标签对网页的内容进行标记,从而使网页显示出不同的展示效果。

上述代码的含义是在页面中显示“我爱你”三个字,但是我爱你三个字被“<h1>”和“</h1>”标记了,白话就是被括起来了,被H1这个标签括起来了,这个时候,浏览器在展示的时候就会让我爱你变粗变大,俗称标题,所以HTML的语法就是用类似这样的标签对页面内容进行标记,不同的标签表现出来的效果也是不一样的。

  • h1:一级标题
  • h2:二级标题
  • p:段落
  • font:字体(被废弃了,但能用)
  • body:主体
  • 这里只是给小白们简单科普一下,其实HTML标签还有很多很多的

OK,标签我们明白了,接下来就是属性了。

有意思了,我们发现在标签中还可以给出xxx=xxx这样的东西,那么它又是什么呢,又该如何解读呢?

首先,这两个标签都是h1标签,都是一级标题,但是下面这个会显示在右边,也就是说,通过 xxx=xxx这种形式对h1标签进一步的说明了,那么这种语法在html中被称为标签的属性,并且属性可以有很多个,例如:

 


http://www.niftyadmin.cn/n/5442450.html

相关文章

WordPress菜单函数wp_nav_menu各参数

wordpress主题制作时&#xff0c;常常会在不同的位置调用不同的菜单&#xff0c;使用下面的这个代码&#xff0c;再加上CSS给菜单做新的样式&#xff0c;可满足wordpress模板制作时对菜单调用的所有需求。 wp_nav_menu( array( theme_location > ,//导航别名 menu > , /…

opencv | opencv中blobFromImage函数解析

在 opencv 3.3 之后的版本中&#xff0c;支持调用训练好的深度学习框架&#xff0c;其中有一些重要的函数&#xff0c;今天先总结一下 blobFromImage 函数的用法 在进行深度学习或者图片分类时&#xff0c;blobFromImage 主要是用来对图片进行预处理。包含两个主要过程&#x…

AI - 机器学习GBDT算法

目录 GBDT 提升树 梯度提升树 GBDT算法实战案例 XGBoost &#x1f606;&#x1f606;&#x1f606;感谢大家的观看&#x1f606;&#x1f606; GBDT 梯度提升决策树&#xff08;Gradient Boosting Decision Tree&#xff09;&#xff0c;是一种集成学习的算法&…

TouchGFX之性能测量

TouchGFX Core开放了几个信号&#xff0c;可用于测量性能。 当这些信号在内部触发时&#xff0c;用户可在应用程序中同步触发单个GPIO&#xff0c;从而实现“渲染时间”和其他有用信号的可视化。 信号在GPIO.hpp中定义 /* 用于操作GPIO的接口类&#xff0c;以便在目标硬件上进…

8.2K star!史上最强Web应用防火墙

&#x1f6a9; 0x01 介绍 长亭雷池SafeLine是长亭科技耗时近 10 年倾情打造的WAF(Web Application Firewall)&#xff0c;一款敢打出口号 “不让黑客越雷池一步” 的 WAF&#xff0c;我愿称之为史上最强的一款Web应用防火墙&#xff0c;足够简单、足够好用、足够强的免费且开源…

资治通鉴读后感【一】

一、管理制度&#xff1a; 没有&#xff0c;先建立管理制度 &#xff08;汇报线&#xff0c;谁听谁的&#xff1f;谁是老板&#xff09; 有&#xff0c;找人、找钱&#xff0c;定方向 名与气&#xff0c;需要在体质内一步步来 职位和待遇&#xff0c;不能破坏管理体制 互相…

MySQL索引的创建与基本用法

MySQL索引 MySQL索引是一种数据结构&#xff0c;用于提高查询数据的效率。MySQL索引可以被看作是数据库表的“目录”。就像书籍的目录帮助我们快速找到特定章节的位置一样&#xff0c;数据库索引帮助数据库快速找到特定数据记录的位置。 MySQL索引的类型与创建方法 MySQL索引…

vue+elementui中table实现单选行功能

el-table插件可以选择行&#xff0c;但是只能多选&#xff0c;而项目中有单选的需求。 效果如下图所示&#xff0c;点击行或者点击复选框都可以选中行&#xff08;高亮&#xff0c;复选框选中&#xff09;&#xff0c;并且每次只选中当前行&#xff0c;之前选中的行清空。点击标…