HTML(HyperText Markup Language)是一种用于创建网页的标记语言。HTML文档由一系列的HTML标签构成,每个标签都有自己的意义和用途。HTML标签通常成对出现,由一个开始标签和一个结束标签组成,结束标签的名称前有一个斜杠。

例如,<p>是一个段落标签的开始,</p>是一个段落标签的结束。在这两个标签之间的内容是一个段落。

<p>这是一个段落。</p>

常见的HTML标签

以下是一些常见的HTML标签:

  • <h1><h6>:定义标题,<h1>是最大的标题,<h6>是最小的标题。
  • <p>:定义段落。
  • <a>:定义超链接。
  • <img>:定义图像。
  • <ul>:定义无序列表。
  • <ol>:定义有序列表。
  • <li>:定义列表项目。
  • <div>:定义文档中的区段(division/section)。
  • <span>:定义文# HTML标签和属性

HTML(HyperText Markup Language)是一种用于创建网页的标记语言。HTML文档由一系列的HTML标签构成,每个标签都有自己的意义和用途。HTML标签通常成对出现,由一个开始标签和一个结束标签组成,结束标签的名称前有一个斜杠。

例如,<p>是一个段落标签的开始,</p>是一个段落标签的结束。在这两个标签之间的内容是一个段落。

<p>这是一个段落。</p>

常见的HTML标签

以下是一些常见的HTML标签:

  • <h1><h6>:定义标题,<h1>是最大的标题,<h6>是最小的标题。
  • <p>:定义段落。
  • <a>:定义超链接。
  • <img>:定义图像。
  • <ul>:定义无序列表。
  • <ol>:定义有序列表。
  • <li>:定义列表项目。
  • <div>:定义文档中的区段(division/section)。
  • <span>:定义文档中的行内元素。
  • <table>:定义表格。

HTML属性

HTML标签可以有属性,属性提供了关于元素的额外信息。属性总是在HTML元素的开始标签中指定,常常以名称/值对的形式出现,如:name="value"

以下是一些常见的HTML属性:

  • class:为HTML元素定义一个或多个类名(classname)(类名从样式文件引入)
  • id:定义元素的唯一id
  • src:定义嵌入内容的资源(URL)。常用于img标签,指定图像的来源URL。
  • href:定义链接的目标URL。常用于a标签,创建一个指向其他网页的链接。
  • alt:定义图像的替代文本。如果图像无法显示,将显示此属性的值。

以下是使用属性的一个例子:

<a href="https://www.example.com">这是一个链接</a>

在上述例子中,<a>标签定义了一个链接,href属性指定了链接的目标URL。

HTML和CSS的学习是一个过程,通过不断的实践和应用,你将逐步掌握这些知识。在开始网络爬虫的学习之前,对HTML有基本的理解是非常有帮助的,因为你将经常需要解析HTML文档来提取信息。

推荐阅读:

https://mp.weixin.qq.com/s/dV2JzXfgjDdCmWRmE0glDA

https://mp.weixin.qq.com/s/an83QZOWXHqll3SGPYTL5g

[爬虫]1.2.1 HTML标签和属性的更多相关文章

  1. Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释

    这篇文章主要介绍了Pythont特殊语法filter,map,reduce,apply使用方法,需要的朋友可以参考下(1)lambda lambda是Python中一个很有用的语法,它允许你快速定义单 ...

  2. HTML5的Video标签的属性,方法和事件汇总

    <video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览 ...

  3. php 内置支持的标签和属性

    内置支持的标签和属性列表如下: 标签名 作用 包含属性 include 包含外部模板文件(闭合) file import 导入资源文件(闭合 包括js css load别名) file,href,ty ...

  4. video标签的属性和方法总结

    最近想做一个弹幕插件,查了很多video标签的属性和方法 error属性 在正常读取时候,使用媒体数据的过程中,video元素或audio元素的error属性为null,但是任何时候只要出现错误,er ...

  5. HTML video 视频标签全属性详解

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  6. HTML5探索一(那些新增的标签和属性)

    tml5相比html4,添加了部分语义化的标签和属性,现在我们就从这些标签和属性开始,学习html5吧. 首先,认识下HTML5新的文档类型: <!DOCTYPE html> 那些新标签 ...

  7. 关于html标签和属性的基本理解

    一.关于标签和属性的基本理解: html页面的内容主要由"元素"或"标签"组成.使用标签来描述网页的内容. 标签tag一般都是成对出现,开始标签和结束标签,或者 ...

  8. [原创]java WEB学习笔记62:Struts2学习之路--表单标签:form,表单标签的属性,textfield, password, hidden,submit ,textarea ,checkbox ,list, listKey 和 listValue 属性,select ,optiongroup ,checkboxlist

    本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...

  9. html <input>标签类型属性type(file、text、radio、hidden等)详细介绍

    html <input>标签类型属性type(file.text.radio.hidden等)详细介绍 转载请注明:文章转载自:[169IT-最新最全的IT资讯] html <inp ...

  10. 将HTML转成XHTML并清除一些无用的标签和属性

    介绍 这是一个能帮你从HTML生成有效XHTML的经典库.它还提供对标签以及属性过滤的支持.你可以指定允许哪些标签和属性可在出现在输出中,而其他的标签过滤掉.你也可以使用这个库清理Microsoft ...

随机推荐

  1. 安装kafka和zookeeper以及使用

    1.安装zookeeper zookeeper下载:http://zookeeper.apache.org/releases.html 从3.5.5开始,带有bin名称的包才是要下载的包可以直接使用 ...

  2. Django笔记三十之log日志记录详解

    本文首发于公众号:Hunter后端 原文链接:Django笔记三十之log日志的记录详解 这一节介绍在 Django 系统里使用 logging 记录日志 以下是一个简单的 logging 模块示例, ...

  3. 笔记:C++学习之旅---关联容器

    笔记:C++学习之旅---关联容器       关联容器和顺序容器有着根本的不同:关联容器中的元素是按关键字来保存和访问的.与之相对,顺序容器中的元素是按它们在容器中的位置来顺序保存和访问的.     ...

  4. Git&GitHub简介与入手(一)

    一.Git版本控制 1.集中式版本控制工具:SVN(版本控制集中在服务器端,会有单点故障风险): 2.分布式版本控制工具:Git: 3.Git简史 Talk is cheap, show me the ...

  5. 2020-01-04:mysql里的innodb引擎的数据结构,你有看过吗?

    福哥答案2020-01-04: 面试官刚开始问我看过mysql源码没,然后问了这个问题.回答B+树,过不了面试官那关.答案来自<MySQL技术内幕 InnoDB存储引擎 第2版>第四章,时 ...

  6. ToolStrip1

    Private Sub ToolStrip1_ItemClicked(sender As Object, e As ToolStripItemClickedEventArgs) Handles Too ...

  7. RabbitMQ系列-概念及安装

    1. 消息队列 消息队列是指利用队列这种数据结构进行消息发送.缓存.接收,使得进程间能相互通信,是点对点的通信 而消息代理是对消息队列的扩展,支持对消息的路由,是发布-订阅模式的通信,消息的发送者并不 ...

  8. Python基础 - 算数运算符

    算数运算符   运算符 描述 实例 + 加 - 两个对象相加 a + b 输出结果 30 - 减 - 得到负数或是一个数减去另一个数 a - b 输出结果 -10 * 乘 - 两个数相乘或是返回一个被 ...

  9. golang 包管理

  10. 卷积神经网络(Convolutional Neural Network,CNN)思想 实例 具体代码实现

    在前面我们讨论了神经网络初步,学习了神经网络中最基础的部分:全连接层,并且实现了搭建两层全连接实现图片分类的问题,达到了50%左右的正确率,全连接层的主要思想是构建出一个映射函数,使得前一层的所有输入 ...