当前位置： 首页 > news >正文

【零基础入门前端系列】—HTML介绍（一）

news 2026/4/9 6:03:20

【零基础入门前端系列】—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介绍&#xff08;一&#xff09; 一、什么是HTML HTML是用来描述网页的一种语言HTML指的是超文本标记语言&#xff1a;HyperText Markup LanguageHTML不是一种编程语言&#xff0c;而是一种超文本标记语言&#xff0c;标记语言是一套标记标签(ma…...

编程日记 2023/5/30 11:25:47

Elasticsearch索引库和文档的相关操作

前言&#xff1a;最近一直在复习Elasticsearch相关的知识&#xff0c;公司搜索相关的技术用到了这个&#xff0c;用公司电脑配了环境&#xff0c;借鉴网上的课程进行了总结。希望能够加深自己的印象以及帮助到其他的小伙伴儿们&#x1f609;&#x1f609;。 如果文章有什么需要…...

编程日记 2023/5/15 13:16:14

使用Python，Opencv检测图像，视频中的猫

使用Python&#xff0c;Opencv检测图像&#xff0c;视频中的猫&#x1f431; 这篇博客将介绍如何使用Python&#xff0c;OpenCV库附带的默认Haar级联检测器来检测图像中的猫。同样的技术也可以应用于视频流。这些哈尔级联由约瑟夫豪斯&#xff08;Joseph Howse&#xff09;训练…...

编程日记 2023/2/13 16:14:06

浅谈域名和服务器集约化管理的误区

一个正常的网站通常由域名、网站程序、服务器三个部分组成&#xff0c;网站程序由单位开发设计&#xff0c;而域名和服务器则需要租用购买&#xff0c;那么域名和服务器之间的关系是什么&#xff1f;如何实现域名和服务器的有效管理呢&#xff1f; 服务器和域名的关系 服务器…...

编程日记 2023/5/27 15:22:37

迪赛智慧数——柱状图（正负条形图）：20212022人才求职最关注的因素

效果图从近两年职场跳槽方向看&#xff0c;相比此前人们对高薪大厂趋之若鹜&#xff0c;如今职场人更关注业务前景。根据相关数据显示&#xff0c;职场人求职最关注的因素中&#xff0c;“薪资福利”权重下降&#xff0c;“个人发展”权重上升&#xff0c;“业务前景”首次进入…...

编程日记 2023/5/27 15:23:02

网络安全-黑帽白帽红客与网络安全法

网络安全-黑帽白帽红客与网络安全法 本章内容较少&#xff0c;因为刚开端。 黑客来源于hacker 指的是信息安全里面&#xff0c;能够自由出入对方系统&#xff0c;指的是擅长IT技术的电脑高手 黑帽黑客-坏蛋&#xff0c;研究木马的&#xff0c;找漏洞的&#xff0c;攻击网络或者…...

编程日记 2023/5/17 11:19:05

Xpath元素定位之同级节点，父节点，子节点

XPath学习:轴(8)——following-siblingXPath 是一门在 XML 文档中查找信息的语言。XPath 可用来在 XML 文档中对元素和属性进行遍历。XPath 是 W3C XSLT 标准的主要元素&#xff0c;并且 XQuery 和 XPointer 同时被构建于 XPath 表达之上。推荐一个挺不错的网站&#xff1a;htt…...

编程日记 2023/5/24 22:10:08

华为OD机试 - 挑选字符串（Python）| 真题+思路+代码

挑选字符串 题目 给定 a-z，26 个英文字母小写字符串组成的字符串 A 和 B， 其中 A 可能存在重复字母，B 不会存在重复字母， 现从字符串 A 中按规则挑选一些字母可以组成字符串 B 挑选规则如下： 同一个位置的字母只能挑选一次， 被挑选字母的相对先后顺序不能被改变， 求最…...

编程日记 2023/5/14 8:37:29

python笔记-- “__del__”析构方法

-#### 1、基本概念&#xff08;构造函数与析构函数&#xff09; 特殊函数&#xff1a;由系统自动执行&#xff0c;在程序中不可显式地调用他们 构造函数&#xff1a; 建立对象时对对象的数据成员进行初始化&#xff08;对象初始化&#xff09; 析构函数&#xff1a; 对象生命期…...

编程日记 2023/5/23 8:17:39

支付系统核心架构设计思路（万能通用）

文章目录1. 支付系统总览核心系统交互业务图谱2. 核心系统解析交易核心交易核心基础交易类型抽象多表聚合 & 订单关联支付核心支付核心总览支付行为编排异常处理渠道网关资金核算3. 服务治理平台统一上下文数据一致性治理CAS校验幂等 & 异常补偿对账准实时对账DB拆分异…...

编程日记 2023/5/27 15:25:55

python实现mongdb的双活

如何用python实现mongdb的双活&#xff0c;两个数据库实时同步&#xff1f; 可以使用Pymongo库&#xff0c;它可以提供同步的API来实现MongoDB的双活&#xff0c;两个数据库实时同步。还可以使用MongoDB的复制集功能来进行实时同步。 Pymongo库提供什么同步的API来实现MongoD…...

编程日记 2023/5/14 8:20:59

LeetCode-110. 平衡二叉树

目录题目分析递归法题外话题目来源 110. 平衡二叉树 题目分析 平很二叉树:一个二叉树每个节点 的左右两个子树的高度差的绝对值不超过 1 。 二叉树节点的深度和二叉树节点的高度 递归法 递归三步曲 1.明确递归函数的参数和返回值 参数&#xff1a;当前传入节点。 返回值…...

编程日记 2023/5/15 13:17:33

Python蓝桥杯训练：基本数据结构 [链表]

Python蓝桥杯训练&#xff1a;基本数据结构 [链表] 文章目录Python蓝桥杯训练&#xff1a;基本数据结构 [链表]一、链表理论基础知识二、有关链表的一些常见操作三、力扣上面一些有关链表的题目练习1、[移除链表元素](https://leetcode.cn/problems/remove-linked-list-element…...

编程日记 2023/5/23 17:11:44

华为OD机试 - 找字符（Python）| 真题+思路+代码

找字符 题目 给定两个字符串， 从字符串2中找出字符串1中的所有字符， 去重并按照 ASCII 码值从小到大排列。 输入 字符范围满足 ASCII 编码要求， 输入字符串1长度不超过1024， 字符串2长度不超过100。 输出描述 按照 ASCII 由小到大排序 示例一 输入 bach bbaaccddf…...

编程日记 2023/4/16 4:01:00

使用继承与派生的6大要点

概述 面向对象编程技术非常看重软件的可重用性&#xff0c;在C中&#xff0c;可重用性是通过继承机制来实现的。继承机制允许程序员在保持原有类的数据和功能的基础上进行扩展&#xff0c;增加新的数据和功能&#xff0c;从而构成一个新的类&#xff0c;也称为派生类。原有类&a…...

编程日记 2023/5/23 8:19:36

加一-力扣66-java高效方案

一、题目描述给定一个由 整数 组成的 非空 数组所表示的非负整数&#xff0c;在该数的基础上加一。最高位数字存放在数组的首位&#xff0c; 数组中每个元素只存储单个数字。你可以假设除了整数 0 之外&#xff0c;这个整数不会以零开头。示例 1&#xff1a;输入&#xff1a;di…...

编程日记 2023/5/23 17:13:02

记一次 .NET 某游戏网站 CPU爆高分析

一&#xff1a;背景 1. 讲故事 这段时间经常有朋友微信上问我这个真实案例分析连载怎么不往下续了&#xff0c;关注我的朋友应该知道&#xff0c;我近二个月在研究 SQLSERVER&#xff0c;也写了十多篇文章&#xff0c;为什么要研究这东西呢&#xff1f; 是因为在 dump 中发现…...

编程日记 2023/5/12 5:55:14

集群使用——资源管理和租户创建

概述 OceanBase 数据库是多租户的分布式数据库&#xff0c;租户使用的资源建立在资源池上。资源池包含了资源单元&#xff0c;而资源单元则规定了具体资源的量化&#xff08;如 CPU、Memory、Disk_Size 和 IOPS 等&#xff09;。 创建租户前&#xff0c;必须规定租户使用的资源…...

编程日记 2023/4/10 3:07:49

谷歌浏览器登录失败，提示【无法同步到“...@gmail.com”】

首先安装Chrome同步助手&#xff08;Chrome-Sync-Helper&#xff0c;看了很多博客&#xff0c;谷歌浏览器同步问题好像都要用这个&#xff09;&#xff0c;改成.rar&#xff0c;解压&#xff0c;文件夹_metadata重命名为metadata&#xff0c;然后添加到谷歌浏览器的扩展程序中。…...

编程日记 2023/5/15 13:18:35

75 111111

选择题(共75题,合计75.0分) 1. 选项ABCD中显示了所创造的商业价值以及在产品中实施各种功能需要进行的开发工作。团队应优先实施哪项功能&#xff1f; The business value created and the development effort needed to implement the various features in the product are sh…...

编程日记 2023/5/12 5:56:28

Qwen3-TTS-Tokenizer-12Hz生产环境应用：高并发音频编解码服务架构

Qwen3-TTS-Tokenizer-12Hz生产环境应用&#xff1a;高并发音频编解码服务架构 1. 引言&#xff1a;音频编解码的技术挑战与解决方案 在现代语音应用中&#xff0c;音频数据的处理和传输一直是个头疼的问题。你想啊&#xff0c;一段普通的语音文件&#xff0c;动辄就是几MB甚至…...

编程新知 2026/4/9 6:00:44

Gemma-3-12b-it真实作品集：10组高质量图片问答对话效果分享

Gemma-3-12b-it真实作品集&#xff1a;10组高质量图片问答对话效果分享 1. 工具概览 1.1 核心能力简介 Gemma-3-12b-it是一款基于Google大模型技术开发的多模态交互工具&#xff0c;能够同时处理图片和文本输入&#xff0c;为用户提供智能问答服务。不同于常见的纯文本对话机…...

编程新知 2026/4/9 5:23:50

攻克表情显示难题：Noto Emoji企业级解决方案

攻克表情显示难题&#xff1a;Noto Emoji企业级解决方案 【免费下载链接】noto-emoji Noto Emoji fonts 项目地址: https://gitcode.com/gh_mirrors/no/noto-emoji 当你精心设计的聊天应用在用户手机上显示为"□□"乱码&#xff0c;当跨国团队的沟通因表情差异…...

编程新知 2026/4/9 4:18:27

macos简单配置openclaw贝

1 实用案例 1.1 表格样式生成 本示例用于生成包含富文本样式与单元格背景色的Word表格文档。 模板内容&#xff1a; 渲染代码&#xff1a; # python-docx-template/blob/master/tests/comments.py from docxtpl import DocxTemplate, RichText # data: python-docx-template/bl…...

编程新知 2026/4/9 1:17:22

从零开始：在RK3588上运行RKNN版YOLOv5目标检测（保姆级教程）

从零开始&#xff1a;在RK3588上运行RKNN版YOLOv5目标检测&#xff08;保姆级教程&#xff09; RK3588作为Rockchip新一代旗舰级SoC&#xff0c;其内置的NPU模块为边缘计算场景提供了强大的AI推理能力。本教程将手把手带您完成YOLOv5目标检测模型在RK3588开发板上的完整部署流程…...

编程新知 2026/4/9 0:24:33

用好AI的五个习惯

五个习惯一、善于拆解问题核心逻辑&#xff1a;AI是执行者&#xff0c;人是设计者。对项目的全流程和细节了如指掌&#xff0c;能够将复杂的大问题拆解为具体的、AI可执行的子任务。二、上下文管理大师核心逻辑&#xff1a;理解模型极限&#xff0c;追求高效输出。当前AI模型&a…...

编程新知 2026/4/9 0:16:26

5分钟搞定PySide2串口助手：从QT Designer到Python打包全流程

5分钟打造PySide2串口助手&#xff1a;从UI设计到跨平台部署的极速开发指南 1. 开发环境配置与工具链搭建 对于嵌入式开发者和物联网爱好者而言&#xff0c;快速构建一个功能完善的串口调试工具是硬件调试的刚需。PySide2作为Qt官方维护的Python绑定库&#xff0c;结合Python的…...

编程新知 2026/4/8 23:58:19

紧急预警：.NET 9 RC2已移除旧版LowCodeProvider——所有基于.NET 8低代码框架的项目须在2024年11月30日前完成迁移，否则将触发运行时降级熔断

第一章&#xff1a;.NET 9 低代码开发范式演进与熔断机制全景概览.NET 9 将低代码能力深度融入平台原生架构&#xff0c;不再依赖第三方可视化设计器&#xff0c;而是通过源生成器&#xff08;Source Generators&#xff09;、属性驱动的组件注册、以及声明式 UI 模型&#xff…...

编程新知 2026/4/8 23:17:36

如何给 Go 语言的 TCP 聊天服务加上 ACK 可靠送达机制

如何给 Go 语言的 TCP 聊天服务加上 ACK 可靠送达机制 在我们学习 Go 语言网络编程时&#xff0c;实现一个简单的 TCP 聊天室往往是入门的必经之路。原项目8h-GoIM通过建立 TCP 连接并将接收到的文本广播给所有在线用户&#xff0c;非常直观地展示了 Go 语言在并发和通道设计上…...

编程新知 2026/4/8 21:57:45

别再暴力搜索了！用动态规划优化旅行商问题，C++代码效率提升实战

暴力搜索 vs 动态规划&#xff1a;旅行商问题的C效率革命 当城市数量超过10个时&#xff0c;传统的暴力搜索方法在解决旅行商问题(TSP)时就像试图用算盘计算宇宙中的原子数量——理论上可行&#xff0c;实际上完全不切实际。作为一名长期在算法竞赛中摸爬滚打的选手&#xff0c…...

编程新知 2026/4/8 21:11:15