前端——2.HTML基本结构标签
创始人
2024-05-30 02:41:21
0次

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

目录

1.HTML语法规范

1.1基本语法概述

1.2标签关系

2.HTML的基本结构标签

2.1第一个HTML网页

2.2基本结构标签总结

1.HTML语法规范

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

1.1基本语法概述

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

  1. HTML标签是由尖括号包围的关键词，例如 
  2. HTML标签通常是成对出现的，例如 和 ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签
  3. 有些特殊的标签必须是单个标签（极少情况），例如
    ，我们称为单标签

1.2标签关系

双标签关系可以分为两类：包含关系和并列关系

包含关系：

并列关系：

2.HTML的基本结构标签

下面，我们来讲解一下HTML的基本结构标签

2.1第一个HTML网页

每一个网页都会有一个基本结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写的。

HTML页面也称为HTML文档

下面，我们来看一下HTML页面的基本结构标签：

Test01这是你我相遇的地方

说明：

1. 最大的标签是标签，它把所有的标签都包含在内，也就是说，不管你写什么，都要在标签内部写，我们也将其称为 根标签

2. 标签，我们称之为 头部标签，它控制我们一个网页的 头部，如下图所示：

注意：head标签里面必须设置title标签

3. 标签，我们称之为标题标签，它控制的是我们这个页面的标题，如下图所示：

4.  标签，我们也称之为主体标签，因为它是我们文档的主体，里面包含文档的所有内容，也就是说，我们页面所要展示的内容基本都放在body标签里面。如下图所示：

 下面给个表格，大家来体会一下：

下面，我们具体来写一下，体会一下：

首先，建个txt文件，写上如下内容： 

其次，将文件后缀名更改为.html

最后，双击该文件运行： 

经过上述例子，我们更能体会到，HTML文档的后缀名必须是.html或.htm，浏览器的作用就是读取HTML文档，并以网页的形式显示它们。

2.2基本结构标签总结

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：洗地机哪家强？洗地机排行榜

下一篇：口播神器,基于Edge,微软TTS(text-to-speech)文字转语音免费开源库edge-tts实践(Python3.10)

相关内容

热门资讯

安卓系统不识别fat,安卓系统... 最近是不是遇到了一个让人头疼的问题？你的安卓手机怎么就不认识U盘里的FAT格式的文件呢？别急，今天就...
眼球追踪仪安卓系统,探索视觉交... 你知道吗？在科技飞速发展的今天，我们的手机已经不仅仅是一个通讯工具了，它还能成为我们了解自己、提升体...
卡萨帝电视安卓系统,智能生活新... 亲爱的读者们，你是否曾为拥有一款既时尚又智能的电视而心动不已？今天，就让我带你走进卡萨帝电视的世界，...
安卓系统的魔鬼相机,解锁手机摄... 你有没有发现，手机里的相机功能越来越强大了？尤其是安卓系统的魔鬼相机，简直让人爱不释手！今天，就让我...
植物大战僵尸2安卓系统,绿色家... 亲爱的游戏迷们，你是否还记得那个充满阳光、笑声和绿色植物的奇妙世界？没错，就是那款让人百玩不厌的《植...
王者怎样转到安卓系统去,轻松实... 你有没有想过，把你的王者账号从iOS系统转到安卓系统去呢？这可不是一件小事，毕竟王者可是很多人的心头...
国产安卓手机最好的系统,探索最... 你有没有想过，为什么国产安卓手机越来越受欢迎呢？这其中，手机系统可是功不可没哦！今天，就让我带你一起...
安卓系统的汽车电脑,智能驾驶的... 你有没有想过，当你的手机和汽车电脑联手，会发生什么奇妙的事情呢？没错，就是安卓系统的汽车电脑！今天，...
蒙迪欧能接安卓系统吗,能否兼容... 你有没有想过，你的蒙迪欧汽车能不能升级成安卓系统呢？这可不是个简单的问题，里面可是藏着不少门道呢！今...
iPad魔改安卓系统,魔改系统... 你有没有想过，把iPad变成安卓系统？听起来是不是有点不可思议？但别急，今天我就要带你走进这个神奇的...
安卓系统便携导航仪,智能出行新... 你有没有想过，在旅途中，一款好的导航仪简直就是你的贴心小助手呢？想象你开着车，阳光洒在脸上，耳机里传...
云电脑推荐安卓手机系统,安卓手... 你有没有想过，在手机上也能享受到云电脑的强大功能呢？没错，现在就有这么神奇的安卓手机系统，让你随时随...
安卓系统底层组件卸载,揭秘卸载... 你有没有想过，你的安卓手机里那些看似无关紧要的底层组件，其实有时候就像那些藏在衣柜角落里的旧衣服，虽...
安卓系统支持更新系统吗,与时俱... 你有没有发现，你的安卓手机最近是不是有点儿“老态龙钟”了？别急，别急，让我来告诉你，安卓系统支持更新...
主机刷安卓tv系统教程,主机刷... 亲爱的玩家们，你是否厌倦了主机上的传统操作系统，想要给游戏生活来点新鲜感？别急，今天我要给你带来一个...
小米8原生安卓p系统,极致性能... 亲爱的读者们，你是否也像我一样，对手机系统更新充满期待？今天，就让我带你一起探索小米8的神奇之旅——...
安卓11更新系统权限,深度解析... 你有没有发现，最近你的安卓手机好像变得聪明多了？没错，这就是安卓11更新系统权限带来的神奇变化！今天...
领动安卓系统导航盒,智能出行新... 你有没有想过，家里的电视竟然也能变成智能导航的小助手？没错，就是那个领动安卓系统导航盒！今天，就让我...
式神赠送系统安卓,畅享奇幻之旅 你知道吗？最近在安卓平台上，有一个特别有趣的式神赠送系统，简直让人爱不释手！想象每天都能收到各种可爱...
安卓能刷米柚系统,米柚系统刷机... 你有没有想过给你的安卓手机换换口味？没错，就是刷机！今天，我要给你详细介绍安卓手机如何刷上米柚系统，...