前端——2.HTML基本结构标签
这篇文章我们从0来介绍一下HTML的相关标签内容
目录
1.HTML语法规范
1.1基本语法概述
1.2标签关系
2.HTML的基本结构标签
2.1第一个HTML网页
2.2基本结构标签总结
1.HTML语法规范
下面，我们来看一下HTML的语法规范的内容
1.1基本语法概述
首先，我们来看一下HTML的基本语法：
- HTML标签是由尖括号包围的关键词，例如 <html>
- HTML标签通常是成对出现的，例如 <html> 和 </html>，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签
- 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签
1.2标签关系
双标签关系可以分为两类：包含关系和并列关系
包含关系：
<head><title></title>
</head>并列关系：
<head></head>
<body></body>2.HTML的基本结构标签
下面，我们来讲解一下HTML的基本结构标签
2.1第一个HTML网页
每一个网页都会有一个基本结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写的。
HTML页面也称为HTML文档
下面，我们来看一下HTML页面的基本结构标签：
<html><head><title>Test01</title></head><body>这是你我相遇的地方</body>
</html>说明：
1. 最大的标签是<html></html>标签，它把所有的标签都包含在内，也就是说，不管你写什么，都要在<html></html>标签内部写，我们也将其称为 根标签
2. <head></head>标签，我们称之为 头部标签，它控制我们一个网页的 头部，如下图所示：
注意：head标签里面必须设置title标签
3. <title></title>标签，我们称之为标题标签，它控制的是我们这个页面的标题，如下图所示：
4. <body></body> 标签，我们也称之为主体标签，因为它是我们文档的主体，里面包含文档的所有内容，也就是说，我们页面所要展示的内容基本都放在body标签里面。如下图所示：
下面给个表格，大家来体会一下：
下面，我们具体来写一下，体会一下：
首先，建个txt文件，写上如下内容：
其次，将文件后缀名更改为.html
最后，双击该文件运行：
经过上述例子，我们更能体会到，HTML文档的后缀名必须是.html或.htm，浏览器的作用就是读取HTML文档，并以网页的形式显示它们。
2.2基本结构标签总结
相关文章：
前端——2.HTML基本结构标签
这篇文章我们从0来介绍一下HTML的相关标签内容 目录 1.HTML语法规范 1.1基本语法概述 1.2标签关系 2.HTML的基本结构标签 2.1第一个HTML网页 2.2基本结构标签总结 1.HTML语法规范 下面，我们来看一下HTML的语法规范的内容 1.1基本语法概述 首先，…...
OAK深度相机使用不同镜头和本地视频流进行模型推理
编辑：OAK中国 首发：oakchina.cn 喜欢的话，请多多👍⭐️✍ 内容可能会不定期更新，官网内容都是最新的，请查看首发地址链接。 ▌前言 Hello，大家好，这里是OAK中国，我是助手…...
[项目] Boost搜索引擎
目录 1.项目相关背景 2.项目宏观原理 3.技术栈和项目环境 4.正排索引&&倒排索引 5.去标签与数据清洗 6.构建索引模块Index 6.1正排索引 6.2 建立倒排 jiebacpp使用 建立分词 7.搜索引擎模块Searcher Jsoncpp -- 通过jsoncpp进行序列化和反序列化 处理Cont…...
解决新版QGIS找不到Georeferencer插件
目录1. 问题分析1.1 去 Raster 找，没找到1.2 去插件搜，未搜到1.3 插件库里也搜不到2. 解决办法在 QGIS 3.30中，按常规办法，找不到 Georeferencer插件，它并没有被安装，在库中也找不到它， 请问问题…...
c---冒泡排序模拟qsort
一、冒泡排序 二、冒泡排序优化排各种类型数据 文章目录一、冒泡排序二、冒泡排序优化排各种类型数据冒泡排序 冒泡排序原理：两两相邻元素进行比较 初级版 void bulle_sort(int* a, int sz) {int i 0;for (int i 0; i < sz-1; i){int j 0; for (j 0; j…...
Java知识复习（十四）JS
1、数据类型 基本数据类型：null、undefinde、boolean、string、number、symbol（ES6新增）引用数据类型：Function、Array、Object、Map和Set（ES6新增） 2、let、var和const的区别 var定义的变量，…...
代码随想录刷题-数组-移除元素
文章目录写在前面习题我的想法暴力解法双指针写在前面 本节对应代码随想录中：代码随想录 习题 题目链接： 27. 移除元素- 力扣（LeetCode） 给你一个数组 nums 和一个值 val，你需要原地移除所有数值等于 val 的元素&a…...
聚观早报 |拼多多跨境电商业务正式登陆澳洲；中国加快6G网络研发
今日要闻：拼多多跨境电商业务正式登陆澳洲；全球自动驾驶公司排名特斯拉垫底；中国将加快 6G 网络研发；B站再次“崩”上热搜！已闪电修复；微软将必应AI聊天每次对话上限增加至8条拼多多跨境电商业务正式登陆澳…...
MDK Keil5 创建Stm32工程-理论篇（这里以Stm32F103Zet6为例）
一、文件夹创建与文件说明整个工程可以粗略的划分为几个文件夹：BSP底层驱动比如GPIO\Timer等驱动文件CMSIS内核相关的文件Firmware生成的固件下载文件Mycode用户编写的相关文件，主要编写的文件都在这个文件夹里Project工程文件startup芯片启动文件STM32F…...
应届大学生学什么技术好？哪些技术适合年轻人？
到了毕业季，应届大学生面临的就是就业问题，很多专业的大学生难以找到对口的工作，或是不得已随便就业，或者是学个技术高薪就业，那么，问题来了，应届大学生学什么技术好？哪些技术适合年…...
车企数据分类分级的实践指南出炉！“数据安全推进计划”发布，奇点云参编
日前，“数据安全推进计划”（DSI）正式发布《智能网联汽车数据分类分级实践指南》（下文简称“指南”），旨在以合规为主要导向，明确智能网联汽车数据分类分级的方法论，为数据全生命周期的…...
Nginx学习 (2) —— 虚拟主机配置
文章目录虚拟主机原理域名解析与泛域名解析（实践）配置文件中ServerName的匹配规则技术架构多用户二级域名短网址虚拟主机原理 为什么需要虚拟主机： 当一台主机充当服务器给用户提供资源的时候，并不是一直都有很大的用户量&#…...
Java 动态代理简述和实例
Java动态代理是一种在运行时动态创建代理对象的技术。它可以让我们在不修改原始代码的情况下，对原始对象进行增强或者添加额外的行为。这种代理方式可以用于很多场景，例如AOP编程、RPC框架等。动态代理是基于Java反射机制实现的，它允许程序在…...
Unity编译器扩展（Advanced Editor Scripting）
Untiy编译器扩展允许我们对编译器的增加自己编写的的功能菜单栏MenuItemContextMenu和ContextMenuItemContextMenuContextMenuItemMenuItem 该属性允许您将菜单项添加到主菜单和检查器窗口上下文菜单。 该属性将任何静态函数转换为菜单命令。只有静态函数可以使用该属性。 Men…...
AFR机制及流程介绍
AFR(Auto Fast Return)不符合3GPP协议标准，因此终端默认是disable状态。如果运营商有要求可以配置开启。 AFR有两种场景 2G或者3G AFR到4G4G AFR到5G3G AFR TO 4G AFR到LTE功能的作用就是终端从LTE Handover或者重定向到3G进行业务，等业务做完后能够快速回到LTE网络。...
9.Hbase 部署
9.Hbase部署 注意事项： 1：必须事先安装 Hadoop分布式集群，zookeeper分布式集群 2：查看版本号： hbase version1、解压文件并改名 tar -zxvf /opt/software/hbase-2.2.3-bin.tar.gz -C /usr/app/ mv hbase-2.2.3/ hba…...
【maven 学习记录】
maven 学习记录一、maven基础1. maven是什么2. maven的作用3. maven的下载安装4. maven仓库5. maven坐标6. 第一个maven项目 手工实现7. maven插件8. 依赖管理9. 生命周期二、maven进阶一、maven基础 1. maven是什么 maven的本质是一个项目管理工具，将项目开发和管…...
NB-IOT宣传这么多年，这次总算用好了吧
一、方案概述随着实体经济快速发展，石化、港口、货场、工地等区域规模日益扩大，厂区面积广阔、环境复杂、作业人员和车辆众多，如无法实时掌握工作人员状态及外来人员位置、外来车辆情况等问题，将存在非常大的安全隐患。今天小编介…...
sort函数对结构体|pair对组|vector容器|map排序|二维数组的第x列 的排序
目录 sort对 vector容器 sort对 vector<pair<int,int>>对组 sort对 结构体 结构体外部规定排序 结构体内部运算符重载 map容器的排序 map的键排序 map的值排序 sort对二维数组的排序 sort对 vector容器 sort()函数可以用于对vector容器进行排序。具体来…...
Java定时器Timer的使用
一、Timer常用方法 Timer应用场景： 1、每隔一段时间执行指定的代码逻辑（即按周期执行任务） 2、指定时间执行指定的代码逻辑 为方便测试并查看运行效果，首先先建一个类并继承TimerTask，代码如下: package timerTest…...
装饰模式（Decorator Pattern）重构java邮件发奖系统实战
前言 现在我们有个如下的需求，设计一个邮件发奖的小系统， 需求 1.数据验证 → 2. 敏感信息加密 → 3. 日志记录 → 4. 实际发送邮件 装饰器模式（Decorator Pattern）允许向一个现有的对象添加新的功能，同时又不改变其…...
【JavaEE】-- HTTP
1. HTTP是什么？ HTTP（全称为"超文本传输协议"）是一种应用非常广泛的应用层协议，HTTP是基于TCP协议的一种应用层协议。 应用层协议：是计算机网络协议栈中最高层的协议，它定义了运行在不同主机上…...
安宝特方案丨XRSOP人员作业标准化管理平台：AR智慧点检验收套件
在选煤厂、化工厂、钢铁厂等过程生产型企业，其生产设备的运行效率和非计划停机对工业制造效益有较大影响。 随着企业自动化和智能化建设的推进，需提前预防假检、错检、漏检，推动智慧生产运维系统数据的流动和现场赋能应用。同时，…...
《Playwright：微软的自动化测试工具详解》
Playwright 简介:声明内容来自网络，将内容拼接整理出来的文档 Playwright 是微软开发的自动化测试工具，支持 Chrome、Firefox、Safari 等主流浏览器，提供多语言 API（Python、JavaScript、Java、.NET）。它的特点包括&a…...
电脑插入多块移动硬盘后经常出现卡顿和蓝屏
当电脑在插入多块移动硬盘后频繁出现卡顿和蓝屏问题时，可能涉及硬件资源冲突、驱动兼容性、供电不足或系统设置等多方面原因。以下是逐步排查和解决方案： 1. 检查电源供电问题 问题原因：多块移动硬盘同时运行可能导致USB接口供电不足&#x…...
JavaScript 数据类型详解
JavaScript 数据类型详解 JavaScript 数据类型分为 原始类型（Primitive） 和 对象类型（Object） 两大类，共 8 种（ES11）： 一、原始类型（7种） 1. undefined 定…...
Windows安装Miniconda
一、下载 https://www.anaconda.com/download/success 二、安装 三、配置镜像源 Anaconda/Miniconda pip 配置清华镜像源_anaconda配置清华源-CSDN博客 四、常用操作命令 Anaconda/Miniconda 基本操作命令_miniconda创建环境命令-CSDN博客...
为什么要创建 Vue 实例
核心原因：Vue 需要一个「控制中心」来驱动整个应用 你可以把 Vue 实例想象成你应用的**「大脑」或「引擎」。它负责协调模板、数据、逻辑和行为，将它们变成一个活的、可交互的应用**。没有这个实例，你的代码只是一堆静态的 HTML、JavaScript 变量和函数，无法「活」起来。 …...
Elastic 获得 AWS 教育 ISV 合作伙伴资质，进一步增强教育解决方案产品组合
作者：来自 Elastic Udayasimha Theepireddy (Uday), Brian Bergholm, Marianna Jonsdottir 通过搜索 AI 和云创新推动教育领域的数字化转型。 我们非常高兴地宣布，Elastic 已获得 AWS 教育 ISV 合作伙伴资质。这一重要认证表明，Elastic 作为 …...
WebRTC调研
WebRTC是什么，为什么，如何使用 WebRTC有什么优势 WebRTC Architecture Amazon KVS WebRTC 其它厂商WebRTC 海康门禁WebRTC 海康门禁其他界面整理 威视通WebRTC 局域网 Google浏览器 Microsoft Edge 公网 RTSP RTMP NVR ONVIF SIP SRT WebRTC协…...