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

前端——2.HTML基本结构标签

news 文章来源：https://blog.csdn.net/m0_52096593/article/details/129371096 2025/1/15 20:58:13

这篇文章我们从0来介绍一下HTML的相关标签内容

目录

1.HTML语法规范

1.1基本语法概述

1.2标签关系

2.HTML的基本结构标签

2.1第一个HTML网页

2.2基本结构标签总结

1.HTML语法规范

下面，我们来看一下HTML的语法规范的内容

1.1基本语法概述

首先，我们来看一下HTML的基本语法：

  1. HTML标签是由尖括号包围的关键词，例如 <html>
  2. HTML标签通常是成对出现的，例如 <html> 和 </html>，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签
  3. 有些特殊的标签必须是单个标签（极少情况），例如 <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语法规范 下面&#xff0c;我们来看一下HTML的语法规范的内容 1.1基本语法概述 首先&#xff0c…...

编程日记 2023/5/4 11:58:34

OAK深度相机使用不同镜头和本地视频流进行模型推理

编辑&#xff1a;OAK中国 首发&#xff1a;oakchina.cn 喜欢的话&#xff0c;请多多&#x1f44d;⭐️✍ 内容可能会不定期更新&#xff0c;官网内容都是最新的&#xff0c;请查看首发地址链接。 ▌前言 Hello&#xff0c;大家好&#xff0c;这里是OAK中国&#xff0c;我是助手…...

编程日记 2023/5/4 11:58:32

[项目] Boost搜索引擎

目录 1.项目相关背景 2.项目宏观原理 3.技术栈和项目环境 4.正排索引&&倒排索引 5.去标签与数据清洗 6.构建索引模块Index 6.1正排索引 6.2 建立倒排 jiebacpp使用 建立分词 7.搜索引擎模块Searcher Jsoncpp -- 通过jsoncpp进行序列化和反序列化 处理Cont…...

编程日记 2023/5/4 11:58:30

解决新版QGIS找不到Georeferencer插件

目录1. 问题分析1.1 去 Raster 找&#xff0c;没找到1.2 去插件搜&#xff0c;未搜到1.3 插件库里也搜不到2. 解决办法在 QGIS 3.30中&#xff0c;按常规办法&#xff0c;找不到 Georeferencer插件&#xff0c;它并没有被安装&#xff0c;在库中也找不到它&#xff0c; 请问问题…...

编程日记 2023/5/3 19:02:29

c---冒泡排序模拟qsort

一、冒泡排序 二、冒泡排序优化排各种类型数据 文章目录一、冒泡排序二、冒泡排序优化排各种类型数据冒泡排序 冒泡排序原理&#xff1a;两两相邻元素进行比较 初级版 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…...

编程日记 2023/5/3 19:02:13

Java知识复习（十四）JS

1、数据类型 基本数据类型&#xff1a;null、undefinde、boolean、string、number、symbol&#xff08;ES6新增&#xff09;引用数据类型&#xff1a;Function、Array、Object、Map和Set&#xff08;ES6新增&#xff09; 2、let、var和const的区别 var定义的变量&#xff0c…...

编程日记 2023/5/3 19:02:01

代码随想录刷题-数组-移除元素

文章目录写在前面习题我的想法暴力解法双指针写在前面 本节对应代码随想录中&#xff1a;代码随想录 习题 题目链接&#xff1a; 27. 移除元素- 力扣&#xff08;LeetCode&#xff09; 给你一个数组 nums 和一个值 val&#xff0c;你需要原地移除所有数值等于 val 的元素&a…...

编程日记 2023/5/4 11:58:27

聚观早报 |拼多多跨境电商业务正式登陆澳洲；中国加快6G网络研发

今日要闻&#xff1a;拼多多跨境电商业务正式登陆澳洲&#xff1b;全球自动驾驶公司排名特斯拉垫底&#xff1b;中国将加快 6G 网络研发&#xff1b;B站再次“崩”上热搜&#xff01;已闪电修复&#xff1b;微软将必应AI聊天每次对话上限增加至8条拼多多跨境电商业务正式登陆澳…...

编程日记 2023/5/4 11:58:24

MDK Keil5 创建Stm32工程-理论篇（这里以Stm32F103Zet6为例）

一、文件夹创建与文件说明整个工程可以粗略的划分为几个文件夹&#xff1a;BSP底层驱动比如GPIO\Timer等驱动文件CMSIS内核相关的文件Firmware生成的固件下载文件Mycode用户编写的相关文件&#xff0c;主要编写的文件都在这个文件夹里Project工程文件startup芯片启动文件STM32F…...

编程日记 2023/5/4 11:58:22

应届大学生学什么技术好？哪些技术适合年轻人？

到了毕业季&#xff0c;应届大学生面临的就是就业问题&#xff0c;很多专业的大学生难以找到对口的工作&#xff0c;或是不得已随便就业&#xff0c;或者是学个技术高薪就业&#xff0c;那么&#xff0c;问题来了&#xff0c;应届大学生学什么技术好&#xff1f;哪些技术适合年…...

编程日记 2023/5/3 10:47:39

车企数据分类分级的实践指南出炉！“数据安全推进计划”发布，奇点云参编

日前&#xff0c;“数据安全推进计划”&#xff08;DSI&#xff09;正式发布《智能网联汽车数据分类分级实践指南》&#xff08;下文简称“指南”&#xff09;&#xff0c;旨在以合规为主要导向&#xff0c;明确智能网联汽车数据分类分级的方法论&#xff0c;为数据全生命周期的…...

编程日记 2023/5/4 11:58:19

Nginx学习 (2) —— 虚拟主机配置

文章目录虚拟主机原理域名解析与泛域名解析&#xff08;实践&#xff09;配置文件中ServerName的匹配规则技术架构多用户二级域名短网址虚拟主机原理 为什么需要虚拟主机&#xff1a; 当一台主机充当服务器给用户提供资源的时候&#xff0c;并不是一直都有很大的用户量&#…...

编程日记 2023/5/4 11:58:16

Java 动态代理简述和实例

Java动态代理是一种在运行时动态创建代理对象的技术。它可以让我们在不修改原始代码的情况下&#xff0c;对原始对象进行增强或者添加额外的行为。这种代理方式可以用于很多场景&#xff0c;例如AOP编程、RPC框架等。动态代理是基于Java反射机制实现的&#xff0c;它允许程序在…...

编程日记 2023/5/4 11:58:14

Unity编译器扩展（Advanced Editor Scripting）

Untiy编译器扩展允许我们对编译器的增加自己编写的的功能菜单栏MenuItemContextMenu和ContextMenuItemContextMenuContextMenuItemMenuItem 该属性允许您将菜单项添加到主菜单和检查器窗口上下文菜单。 该属性将任何静态函数转换为菜单命令。只有静态函数可以使用该属性。 Men…...

编程日记 2023/5/4 11:58:11

AFR机制及流程介绍

AFR(Auto Fast Return)不符合3GPP协议标准，因此终端默认是disable状态。如果运营商有要求可以配置开启。 AFR有两种场景 2G或者3G AFR到4G4G AFR到5G3G AFR TO 4G AFR到LTE功能的作用就是终端从LTE Handover或者重定向到3G进行业务，等业务做完后能够快速回到LTE网络。...

编程日记 2023/5/4 11:58:09

9.Hbase 部署

9.Hbase部署 注意事项&#xff1a; 1&#xff1a;必须事先安装 Hadoop分布式集群&#xff0c;zookeeper分布式集群 2&#xff1a;查看版本号&#xff1a; hbase version1、解压文件并改名 tar -zxvf /opt/software/hbase-2.2.3-bin.tar.gz -C /usr/app/ mv hbase-2.2.3/ hba…...

编程日记 2023/5/4 11:58:06

【maven 学习记录】

maven 学习记录一、maven基础1. maven是什么2. maven的作用3. maven的下载安装4. maven仓库5. maven坐标6. 第一个maven项目 手工实现7. maven插件8. 依赖管理9. 生命周期二、maven进阶一、maven基础 1. maven是什么 maven的本质是一个项目管理工具&#xff0c;将项目开发和管…...

编程日记 2023/5/4 11:58:03

NB-IOT宣传这么多年，这次总算用好了吧

一、方案概述随着实体经济快速发展&#xff0c;石化、港口、货场、工地等区域规模日益扩大&#xff0c;厂区面积广阔、环境复杂、作业人员和车辆众多&#xff0c;如无法实时掌握工作人员状态及外来人员位置、外来车辆情况等问题&#xff0c;将存在非常大的安全隐患。今天小编介…...

编程日记 2023/5/4 11:58:01

sort函数对结构体|pair对组|vector容器|map排序|二维数组的第x列 的排序

目录 sort对 vector容器 sort对 vector<pair<int,int>>对组 sort对 结构体 结构体外部规定排序 结构体内部运算符重载 map容器的排序 map的键排序 map的值排序 sort对二维数组的排序 sort对 vector容器 sort()函数可以用于对vector容器进行排序。具体来…...

编程日记 2023/5/4 11:57:59

Java定时器Timer的使用

一、Timer常用方法 Timer应用场景&#xff1a; 1、每隔一段时间执行指定的代码逻辑&#xff08;即按周期执行任务&#xff09; 2、指定时间执行指定的代码逻辑 为方便测试并查看运行效果&#xff0c;首先先建一个类并继承TimerTask&#xff0c;代码如下: package timerTest…...

编程日记 2023/5/4 11:57:57

MySQL安装和配置

下载官网下载mysql解压版本&#xff1a;配置环境变量下载完成后直接解压到需要放的文件夹&#xff0c;根据文件夹来配置环境变量&#xff1b;新建系统变量&#xff0c;变量名自取&#xff0c;值是MySQL的目录编辑path环境变量&#xff0c;加上MySQL的bin目录 %MYSQL_HOME%\bin配…...

编程日记 2023/5/4 11:57:55

openpnnp - 载入板子后,要确定板子的放置角度

文章目录openpnnp - 载入板子后,要确定板子的放置角度概述用openpnp提供的功能来确定被夹住的板子的左下角原点位置和板子的角度备注ENDopenpnnp - 载入板子后,要确定板子的放置角度 概述 设备是有夹具的, 用百分表打过, 夹具本身在Z方向的平行度是没问题的. 但是, PCB板子的…...

编程日记 2023/5/4 11:57:53

HCIP知识点（前三天）

复习HCIA&#xff1a; 一、TCP/IP模型&#xff0c;OSI模型 OSI 开放式系统互联参考模型 应用层 抽象语言—>编码 表示层 编码—>二进制 会话层 应用程序内部的区分地址&#xff08;无标准格式&#xff09; 传输层 TCP/UDP – 分段&#xff08;受MTU限制&#xff09;、端…...

编程日记 2023/5/4 11:57:51

模板学堂丨妙用Tab组件制作多屏仪表板并实现自动轮播

DataEase开源数据可视化分析平台于2022年6月正式发布模板市场&#xff08;https://dataease.io/templates/&#xff09;。模板市场旨在为DataEase用户提供专业、美观、拿来即用的仪表板模板&#xff0c;方便用户根据自身的业务需求和使用场景选择对应的仪表板模板&#xff0c;并…...

编程日记 2023/5/4 11:57:48

C++：初识函数模板和类模板

目录 一. 泛型编程 二. 函数模板 2.1 什么是函数模板 2.2 函数模板的实例化 2.2.1 函数模板的隐式实例化 2.2.1 函数模板的显示实例化 2.3 函数模板实例化的原理 2.4 模板函数调用实例化原则 三. 类模板 3.1 什么是类模板 3.2 类模板的实例化 一. 泛型编程 泛型编程…...

编程日记 2023/5/4 5:31:55

3.8妇女节如何做好TikTok网红营销？

3月8日是国际妇女节&#xff0c;这一节日已经成为全球关注女性权益和平等的标志性日子&#xff0c;TikTok上话题#internationalwomensday累计播放超10亿次&#xff0c;话题#WomensDay2023累计播放量也将近300万次。 这个特别的日子为品牌提供了一个很好的营销机会。据Nox聚星了…...

编程日记 2023/5/4 11:57:46

使用Advanced Installer打包程序及运行环境

Advanced Installer 工具版本&#xff1a;20.1.1 设置产品信息 选中右侧【Product Details】输入产品信息 设置文件和文件夹 添加使用VS发布之后的程序文件夹 设置文件夹刷新 选中文件夹&#xff0c;右键选择属性&#xff0c;选中Synchronize标签。启用“Synchronize conten…...

编程日记 2023/5/4 11:57:44

华为OD机试真题Python实现【计算堆栈中的剩余数字】真题+解题思路+代码（20222023）

计算堆栈中的剩余数字 题目 向一个空栈中依次存入正整数 假设入栈元素N(1<=N<=2^31-1) 按顺序依次为Nx … N4、N3、N2、N1, 当元素入栈时，如果N1=N2+...Ny(y的范围[2,x],1 <= x <= 1000) 则 N1 到 Ny 全部元素出栈,重新入栈新元素M(M=2*N1) 如依次向栈存储6、1、…...

编程日记 2023/5/4 11:57:42

企业文件数据泄露防护（DLP）

什么是数据丢失防护 数据丢失防护 &#xff08;DLP&#xff09; 是保护数据不落入坏人之手的做法。如今&#xff0c;数据传输的主要问题是使大量数据容易受到未经授权的传输。通过设置足够的安全边界&#xff0c;您可以控制数据在网络中的移动。由于您的数据非常有价值&#x…...

编程日记 2023/5/4 11:57:40

不考虑分配与合并情况下，GO实现GCMarkSweep（标记清楚算法）

观前提醒 熟悉涉及到GC的最基本概念到底什么意思&#xff08;《垃圾回收的算法与实现》&#xff09;我用go实现&#xff08;因为其他的都忘了&#xff0c;(╬◣д◢)&#xff91;&#xff77;&#xff70;!!&#xff09; 源码地址&#xff08;你的点赞&#xff0c;是我开源的…...

编程日记 2023/5/4 11:57:38

网站建设评审/免费的网站域名查询565wcc

在贴代码之前&#xff0c;首先需要给QQ邮箱开服务IMAP/SMTP服务&#xff0c;详细开通方法见 "开通方法"(可能需要发送收费短信&#xff0c;所以只要开通这一个服务就好了)。 这边主要就是为了一个服务的授权码&#xff0c;如下图&#xff1a; 服务开好之后&#xff0…...

编程日记 2025/1/15 20:36:02

阿里巴巴国际站可以做网站吗/站长工具日本

我用filezilla传的 大几千个文件 传的太慢了 有没有快速一点的方法呢&#xff1f;最快要多久&#xff1f;回答最简单&#xff1a;直接在服务器上git clone最方便&#xff1a;用部署工具Capistrano, Deployer等最快速&#xff1a;系统控的话可以用高速上传工具vagrant-unison打包…...

编程日记 2025/1/15 19:35:38

上传网站程序/做一个网站要花多少钱

关于kafka的环境搭建这里略过。 1. 正常流程 1.1 添加maven依赖 <dependencies><dependency><groupId>org.apache.spark</groupId><artifactId>spark-core_2.11</artifactId><version>2.2.0</version></dependency>&…...

编程日记 2025/1/15 14:17:16

做一个营销型网站/关键词挖掘站长工具

有一些平板或者一些早教机&#xff0c;都是内置了一张TF内存卡的&#xff0c;而有时候我们会因为内存卡太小&#xff1b;或者tf卡被误格式化导致内置的数据没有了&#xff0c;如果你还有朋友有这些机器的话&#xff0c;完全可以把他内存卡里的数据克隆出来&#xff0c;然后写入…...

编程日记 2025/1/15 13:39:48

网站快照前显示中文怎么做的/seo黑帽教学网

很多文章Provider和Consumer的连接服务器地址brokeUrl都写成"tcp://192.168.1.139:61616" 并没有交代为啥是61616&#xff0c;而且我做实验换成别的端口就无法服务器 经过一番研究原来这个端口号可以在activemq.xml配置文件中修改&#xff1a; 参考文章&#xff1a; …...

编程日记 2025/1/15 9:07:17

推荐个在广州做网站的/做app找什么公司

VS2010QT5.7opencv2.4.5图像界面第一个程序 QT最近新出了5.1.0版本&#xff0c;最近要用QT编写界面&#xff0c;所以重新下载了新的QT&#xff0c;替换了以前的Qt4.8.4. VS2015opencv2.4.5Qt4.8.4的配置过程&#xff0c;请参考博文 OpenCV2.4.5 QT4.8.4 VS2015 环境搭建 地址…...

编程日记 2025/1/15 7:53:57