【零基础入门前端系列】—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…...
)
Java 语言特性(面试系列1)
一、面向对象编程 1. 封装（Encapsulation） 定义：将数据（属性）和操作数据的方法绑定在一起，通过访问控制符（private、protected、public）隐藏内部实现细节。示例： public …...
边缘计算医疗风险自查APP开发方案
核心目标：在便携设备（智能手表/家用检测仪）部署轻量化疾病预测模型，实现低延迟、隐私安全的实时健康风险评估。 一、技术架构设计 #mermaid-svg-iuNaeeLK2YoFKfao {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg…...
STM32标准库-DMA直接存储器存取
文章目录 一、DMA1.1简介1.2存储器映像1.3DMA框图1.4DMA基本结构1.5DMA请求1.6数据宽度与对齐1.7数据转运DMA1.8ADC扫描模式DMA 二、数据转运DMA2.1接线图2.2代码2.3相关API 一、DMA 1.1简介 DMA（Direct Memory Access）直接存储器存取 DMA可以提供外设…...
MODBUS TCP转CANopen 技术赋能高效协同作业
在现代工业自动化领域，MODBUS TCP和CANopen两种通讯协议因其稳定性和高效性被广泛应用于各种设备和系统中。而随着科技的不断进步，这两种通讯协议也正在被逐步融合，形成了一种新型的通讯方式——开疆智能MODBUS TCP转CANopen网关KJ-TCPC-CANP…...
Nginx server_name 配置说明
Nginx 是一个高性能的反向代理和负载均衡服务器，其核心配置之一是 server 块中的 server_name 指令。server_name 决定了 Nginx 如何根据客户端请求的 Host 头匹配对应的虚拟主机（Virtual Host）。 1. 简介 Nginx 使用 server_name 指令来确定…...
Psychopy音频的使用
Psychopy音频的使用 本文主要解决以下问题： 指定音频引擎与设备；播放音频文件 本文所使用的环境： Python3.10 numpy2.2.6 psychopy2025.1.1 psychtoolbox3.0.19.14 一、音频配置 Psychopy文档链接为Sound - for audio playback — Psy…...
Spring Boot面试题精选汇总
🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息 文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...
k8s业务程序联调工具-KtConnect
概述 原理 工具作用是建立了一个从本地到集群的单向VPN，根据VPN原理，打通两个内网必然需要借助一个公共中继节点，ktconnect工具巧妙的利用k8s原生的portforward能力，简化了建立连接的过程，apiserver间接起到了中继节…...
3-11单元格区域边界定位(End属性)学习笔记
返回一个Range 对象，只读。该对象代表包含源区域的区域上端下端左端右端的最后一个单元格。等同于按键 End 向上键(End(xlUp))、End向下键(End(xlDown))、End向左键(End(xlToLeft)End向右键(End(xlToRight)) 注意：它移动的位置必须是相连的有内容的单元格…...
Mobile ALOHA全身模仿学习
一、题目 Mobile ALOHA：通过低成本全身远程操作学习双手移动操作 传统模仿学习（Imitation Learning）缺点：聚焦与桌面操作，缺乏通用任务所需的移动性和灵活性 本论文优点：（1）在ALOHA…...