【零基础入门前端系列】—HTML介绍（一）
【零基础入门前端系列】—HTML介绍（一）
一、什么是HTML
- HTML是用来描述网页的一种语言
- HTML指的是超文本标记语言：
HyperText Markup Language - HTML不是一种编程语言，而是一种超文本标记语言，标记语言是一套标记标签(markup tag)
- HTML使用标记标签来描述网页
- HTML文档包含了HTML标签以及文本内容
- HTML文档也叫做web页面，用该语言编写的文件，以.html或.htm为后缀
- HTML不区分大小写，建议小写，可读性好
- HTML不识别多余的空格和换行
- HTML由浏览器解析执行，由上往下，由左往右
- 作用：用来写网页结构内容，比如图片，文字，搜索框
二、什么是标签
- HTML标记标签通常被记为HTML标签
（HTML Tag） - HTML标签是由尖括号包围的关键词比如
<html> - 封闭类型标记（也叫做双标记），必须成对出现如
<p></p>,标签中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签 - 非封闭类型标记，也叫做空标记，或者单标记，比如
<br/>
三、什么是元素
HTML标签和HTML元素通常都是描述同样的意思，但是严格来讲，，一个HTML元素包含了开始标签和结束标签
如下实例：
四、HTML的属性
- 双标记属性写在开始标记里面，用空格隔开
- 单标记属性写在
/前面，用空格隔开 - 一个标签可以有多个属性，用空格隔开，不区分前后顺序
- 属性总是以名称/值对的形式出现，比如：
name="value"
<a href="https://www.baidu.com/">这是一个链接使用了 href 属性</a>
相关文章：
【零基础入门前端系列】—HTML介绍（一）
【零基础入门前端系列】—HTML介绍（一） 一、什么是HTML HTML是用来描述网页的一种语言HTML指的是超文本标记语言：HyperText Markup LanguageHTML不是一种编程语言，而是一种超文本标记语言，标记语言是一套标记标签(ma…...
Elasticsearch索引库和文档的相关操作
前言：最近一直在复习Elasticsearch相关的知识，公司搜索相关的技术用到了这个，用公司电脑配了环境，借鉴网上的课程进行了总结。希望能够加深自己的印象以及帮助到其他的小伙伴儿们😉😉。 如果文章有什么需要…...
使用Python，Opencv检测图像，视频中的猫
使用Python，Opencv检测图像，视频中的猫🐱 这篇博客将介绍如何使用Python，OpenCV库附带的默认Haar级联检测器来检测图像中的猫。同样的技术也可以应用于视频流。这些哈尔级联由约瑟夫豪斯（Joseph Howse）训练…...
浅谈域名和服务器集约化管理的误区
一个正常的网站通常由域名、网站程序、服务器三个部分组成，网站程序由单位开发设计，而域名和服务器则需要租用购买，那么域名和服务器之间的关系是什么？如何实现域名和服务器的有效管理呢？ 服务器和域名的关系 服务器…...
迪赛智慧数——柱状图（正负条形图）：20212022人才求职最关注的因素
效果图从近两年职场跳槽方向看，相比此前人们对高薪大厂趋之若鹜，如今职场人更关注业务前景。根据相关数据显示，职场人求职最关注的因素中，“薪资福利”权重下降，“个人发展”权重上升，“业务前景”首次进入…...
网络安全-黑帽白帽红客与网络安全法
网络安全-黑帽白帽红客与网络安全法 本章内容较少，因为刚开端。 黑客来源于hacker 指的是信息安全里面，能够自由出入对方系统，指的是擅长IT技术的电脑高手 黑帽黑客-坏蛋，研究木马的，找漏洞的，攻击网络或者…...
Xpath元素定位之同级节点，父节点，子节点
XPath学习:轴(8)——following-siblingXPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素，并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。推荐一个挺不错的网站：htt…...
华为OD机试 - 挑选字符串（Python）| 真题+思路+代码
挑选字符串 题目 给定 a-z，26 个英文字母小写字符串组成的字符串 A 和 B， 其中 A 可能存在重复字母，B 不会存在重复字母， 现从字符串 A 中按规则挑选一些字母可以组成字符串 B 挑选规则如下： 同一个位置的字母只能挑选一次， 被挑选字母的相对先后顺序不能被改变， 求最…...
python笔记-- “__del__”析构方法
-#### 1、基本概念（构造函数与析构函数） 特殊函数：由系统自动执行，在程序中不可显式地调用他们 构造函数： 建立对象时对对象的数据成员进行初始化（对象初始化） 析构函数： 对象生命期…...
支付系统核心架构设计思路（万能通用）
文章目录1. 支付系统总览核心系统交互业务图谱2. 核心系统解析交易核心交易核心基础交易类型抽象多表聚合 & 订单关联支付核心支付核心总览支付行为编排异常处理渠道网关资金核算3. 服务治理平台统一上下文数据一致性治理CAS校验幂等 & 异常补偿对账准实时对账DB拆分异…...
python实现mongdb的双活
如何用python实现mongdb的双活，两个数据库实时同步？ 可以使用Pymongo库，它可以提供同步的API来实现MongoDB的双活，两个数据库实时同步。还可以使用MongoDB的复制集功能来进行实时同步。 Pymongo库提供什么同步的API来实现MongoD…...
LeetCode-110. 平衡二叉树
目录题目分析递归法题外话题目来源 110. 平衡二叉树 题目分析 平很二叉树:一个二叉树每个节点 的左右两个子树的高度差的绝对值不超过 1 。 二叉树节点的深度和二叉树节点的高度 递归法 递归三步曲 1.明确递归函数的参数和返回值 参数：当前传入节点。 返回值…...
Python蓝桥杯训练：基本数据结构 [链表]
Python蓝桥杯训练：基本数据结构 [链表] 文章目录Python蓝桥杯训练：基本数据结构 [链表]一、链表理论基础知识二、有关链表的一些常见操作三、力扣上面一些有关链表的题目练习1、[移除链表元素](https://leetcode.cn/problems/remove-linked-list-element…...
华为OD机试 - 找字符（Python）| 真题+思路+代码
找字符 题目 给定两个字符串， 从字符串2中找出字符串1中的所有字符， 去重并按照 ASCII 码值从小到大排列。 输入 字符范围满足 ASCII 编码要求， 输入字符串1长度不超过1024， 字符串2长度不超过100。 输出描述 按照 ASCII 由小到大排序 示例一 输入 bach bbaaccddf…...
使用继承与派生的6大要点
概述 面向对象编程技术非常看重软件的可重用性，在C中，可重用性是通过继承机制来实现的。继承机制允许程序员在保持原有类的数据和功能的基础上进行扩展，增加新的数据和功能，从而构成一个新的类，也称为派生类。原有类&a…...
加一-力扣66-java高效方案
一、题目描述给定一个由 整数 组成的 非空 数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位， 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外，这个整数不会以零开头。示例 1：输入：di…...
记一次 .NET 某游戏网站 CPU爆高分析
一：背景 1. 讲故事 这段时间经常有朋友微信上问我这个真实案例分析连载怎么不往下续了，关注我的朋友应该知道，我近二个月在研究 SQLSERVER，也写了十多篇文章，为什么要研究这东西呢？ 是因为在 dump 中发现…...
集群使用——资源管理和租户创建
概述 OceanBase 数据库是多租户的分布式数据库，租户使用的资源建立在资源池上。资源池包含了资源单元，而资源单元则规定了具体资源的量化（如 CPU、Memory、Disk_Size 和 IOPS 等）。 创建租户前，必须规定租户使用的资源…...
谷歌浏览器登录失败，提示【无法同步到“...@gmail.com”】
首先安装Chrome同步助手（Chrome-Sync-Helper，看了很多博客，谷歌浏览器同步问题好像都要用这个），改成.rar，解压，文件夹_metadata重命名为metadata，然后添加到谷歌浏览器的扩展程序中。…...
75 111111
选择题(共75题,合计75.0分) 1. 选项ABCD中显示了所创造的商业价值以及在产品中实施各种功能需要进行的开发工作。团队应优先实施哪项功能？ The business value created and the development effort needed to implement the various features in the product are sh…...
shell脚本--常见案例
1、自动备份文件或目录 2、批量重命名文件 3、查找并删除指定名称的文件： 4、批量删除文件 5、查找并替换文件内容 6、批量创建文件 7、创建文件夹并移动文件 8、在文件夹中查找文件...
《Playwright：微软的自动化测试工具详解》
Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...
【解密LSTM、GRU如何解决传统RNN梯度消失问题】
解密LSTM与GRU：如何让RNN变得更聪明？ 在深度学习的世界里，循环神经网络（RNN）以其卓越的序列数据处理能力广泛应用于自然语言处理、时间序列预测等领域。然而，传统RNN存在的一个严重问题——梯度消失&#…...
BCS 2025｜百度副总裁陈洋：智能体在安全领域的应用实践
6月5日，2025全球数字经济大会数字安全主论坛暨北京网络安全大会在国家会议中心隆重开幕。百度副总裁陈洋受邀出席，并作《智能体在安全领域的应用实践》主题演讲，分享了在智能体在安全领域的突破性实践。他指出，百度通过将安全能力…...
大数据学习（132）-HIve数据分析
🍋🍋大数据学习🍋🍋 🔥系列专栏： 👑哲学语录: 用力所能及，改变世界。 💖如果觉得博主的文章还不错的话，请点赞👍收藏⭐️留言Ǵ…...
十九、【用户管理与权限 - 篇一】后端基础：用户列表与角色模型的初步构建
【用户管理与权限 - 篇一】后端基础：用户列表与角色模型的初步构建 前言准备工作第一部分：回顾 Django 内置的 `User` 模型第二部分：设计并创建 `Role` 和 `UserProfile` 模型第三部分：创建 Serializers第四部分：创建 ViewSets第五部分：注册 API 路由第六部分：后端初步测…...
渗透实战PortSwigger靶场：lab13存储型DOM XSS详解
进来是需要留言的，先用做简单的 html 标签测试 发现面的</h1>不见了 数据包中找到了一个loadCommentsWithVulnerableEscapeHtml.js 他是把用户输入的<>进行 html 编码，输入的<>当成字符串处理回显到页面中，看来只是把用户输…...
6️⃣Go 语言中的哈希、加密与序列化：通往区块链世界的钥匙
Go 语言中的哈希、加密与序列化：通往区块链世界的钥匙 一、前言：离区块链还有多远？ 区块链听起来可能遥不可及，似乎是只有密码学专家和资深工程师才能涉足的领域。但事实上，构建一个区块链的核心并不复杂，尤其当你已经掌握了一门系统编程语言，比如 Go。 要真正理解区…...
Qt的学习(一)
1.什么是Qt Qt特指用来进行桌面应用开发（电脑上写的程序）涉及到的一套技术Qt无法开发网页前端，也不能开发移动应用。 客户端开发的重要任务：编写和用户交互的界面。一般来说和用户交互的界面，有两种典型风格&…...
leetcode73-矩阵置零
leetcode 73 思路 记录 0 元素的位置：遍历整个矩阵，找出所有值为 0 的元素，并将它们的坐标记录在数组zeroPosition中置零操作：遍历记录的所有 0 元素位置，将每个位置对应的行和列的所有元素置为 0 具体步骤 初始化…...