前端——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)

相关内容

热门资讯

安卓系统为啥不能更新,探究原因... 你有没有遇到过这种情况：手机里的安卓系统突然告诉你，有新版本可以更新了，但你点开一看，哎呀妈呀，怎么...
适合安卓系统4的饥荒,饥荒手游... 《饥荒》安卓版：探索生存的奇妙世界在广袤无垠的宇宙中，存在着一个被无尽黑暗所笼罩的星球——荒野。这里...
安卓系统怎么更新包,安卓系统包... 亲爱的安卓用户们，你是否也和我一样，时不时地收到系统更新提醒，心里痒痒的想要给手机来个大变身？别急，...
安卓系统快速显示健康码,便捷出... 你有没有发现，现在出门不带手机简直就像不带钱包一样尴尬？没错，咱们现在的生活已经离不开手机了，而手机...
安卓系统盘软件目录,功能与应用... 你有没有发现，你的安卓手机里藏着一个个神秘的文件夹？它们就像是一扇扇通往未知世界的大门，里面藏着各种...
安卓系统哪个软件好些啊 手机里的安卓系统，那可是咱们日常生活的得力助手啊！不过，在这片广阔的应用天地里，哪个软件才是你的心头...
安卓系统app和ios系统的区... 你有没有发现，手机里的APP就像是个大杂烩，各有各的特色，各有各的玩法。今天，咱们就来聊聊安卓系统和...
宿迁综合办公系统安卓,便捷高效... 你有没有听说最近宿迁市推出了一款超级方便的安卓应用——宿迁综合办公系统？这可是个大新闻，让我来给你详...
小米平板4系统安卓下载,畅享智... 亲爱的数码爱好者们，你是否在寻找一款性价比超高、性能稳定的平板电脑呢？小米平板4绝对是你的不二之选！...
安卓系统易用性盘点,人性化设计... 你有没有发现，手机里的安卓系统就像一个万能的小助手，无论你是喜欢玩游戏、看视频，还是处理工作，它都能...
鸿蒙系统中出现安卓代码 鸿蒙系统中的安卓代码奇缘在当今科技飞速发展的时代，智能手机已经成为了我们生活中不可或缺的一部分。而在...
安卓系统的双开免费的,免费畅享... 《探索安卓系统的双开免费新世界》在数字化时代，智能手机已经成为我们生活中不可或缺的一部分。而在这众多...
转国外的安卓系统,探索国外安卓... 你有没有想过，让你的安卓手机体验一下国外的风味呢？想象那些国外的应用、游戏，还有那独特的系统设置，是...
安卓系统韩国能用吗,兼容性与使... 你有没有想过，如果你去韩国旅游或者工作，你的安卓手机还能不能用呢？这个问题可真是让人好奇啊！毕竟，每...
安卓手机系统占多少储存 你有没有发现，你的安卓手机越来越慢了？是不是觉得存储空间不够用，连个新应用都装不下？别急，今天就来给...
freemeos是安卓系统吗,... 你有没有听说过freemeOS这个系统？是不是好奇它是不是安卓系统呢？今天，我就来给你揭秘这个神秘的...
安卓系统其他应用耗电大,那些默... 手机电量总是不够用？是不是觉得安卓系统的其他应用耗电特别大？别急，今天就来给你揭秘这个谜团，让你手机...
华为os系统怎么换安卓系统,轻... 你有没有想过，你的华为手机里那个自家的OS系统，突然间想换换口味，试试安卓的精彩世界呢？别急，今天就...
诺基亚回用安卓系统吗,新篇章的... 你有没有听说最近的大消息？诺基亚，那个曾经手机界的巨头，竟然有可能会重新启用安卓系统！这可不是开玩笑...
安卓软件开发考勤系统 你有没有想过，在忙碌的安卓软件开发工作中，如何轻松管理团队考勤呢？别急，今天就来给你揭秘一款特别实用...