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

相关内容

热门资讯

安卓系统对比骁龙,性能与生态的... 你有没有想过，为什么你的手机里装的是安卓系统，而不是苹果的iOS呢？又或者，为什么你的安卓手机里搭载...
qt程序安卓系统运行,基于Qt... 你有没有想过，为什么有些手机上的程序运行得那么顺畅，而有些却总是卡得让人抓狂？今天，就让我来给你揭秘...
安卓系统免费应用推荐,助你畅享... 手机里的应用是不是越来越多，有时候都挑花眼了呢？别急，今天我就来给你推荐一些安卓系统上的免费应用，让...
安卓系统视频通话app,打造无... 你有没有发现，现在手机上的视频通话功能越来越强大了？尤其是安卓系统上的那些视频通话app，简直让人爱...
安卓系统发现高危病毒,守护手机... 亲爱的手机用户们，最近可是有个大消息在安卓系统用户群里炸开了锅！没错，就是安卓系统发现了一款高危病毒...
安卓系统疯狂弹广告,揭秘广告软... 你有没有遇到过这种情况？手机里突然弹出一个广告，让你瞬间心情大崩溃？没错，说的就是安卓系统那让人头疼...
ebook 10进入安卓系统 你有没有发现，最近你的安卓手机里多了一个新伙伴——那就是电子书（ebook）10！没错，就是那个我们...
安卓系统如何调听筒,安卓系统调... 手机听筒声音突然变小了？别急，让我来教你如何轻松调教安卓系统的听筒，让它重新恢复活力！一、检查音量设...
安卓系统是怎么手机,解锁智能生... 你有没有想过，我们每天不离手的安卓手机，它背后的安卓系统究竟是怎么一回事呢？今天，就让我带你一探究竟...
安卓系统能代替windows系... 你有没有想过，我们日常使用的安卓系统和Windows系统，哪个才是真正的霸主呢？是不是有时候觉得安卓...
lp108安卓系统,功能特点与... 你有没有听说最近LP108安卓系统火得一塌糊涂？没错，就是那个让无数手机用户都为之疯狂的新系统！今天...
安卓系统挂载u盘,轻松实现数据... 你有没有想过，你的安卓手机或平板电脑突然变成了一个移动的U盘？没错，就是那种可以随意存取文件的神奇设...
i5 安卓系统,引领智能终端新... 你有没有想过，为什么你的手机总是卡得要命，而别人的手机却能流畅如丝？是不是因为你的手机搭载了那个传说...
安卓手机系统没有升级,揭秘潜在... 你有没有发现，你的安卓手机系统好像好久没升级了呢？是不是觉得有点out了？别急，今天就来给你详细聊聊...
安卓14系统定制v,创新功能与... 你知道吗？最近安卓系统又出新花样了！安卓14系统定制版V，这名字听起来就让人兴奋不已。今天，就让我带...
手机安卓系统越高越好,探索最新... 你有没有发现，每次手机更新系统，你的手机就像脱胎换骨了一样？没错，说的就是你，那个安卓手机！今天，咱...
鸿蒙系统怎么用回安卓,轻松实现... 你是不是也和我一样，对鸿蒙系统的新鲜感还没过，却又忍不住想回到熟悉的安卓世界？别急，今天就来手把手教...
苹果7跟安卓系统,性能对决与用... 你有没有想过，为什么苹果7那么受欢迎，而安卓系统却有着庞大的用户群体？今天，我们就来聊聊这个话题，看...
安卓手机刷简化系统,轻松实现流... 你有没有想过，你的安卓手机其实可以变得更加轻快、流畅呢？没错，就是通过刷简化系统！今天，就让我带你一...
社保掌上通安卓系统,轻松掌握在... 你有没有发现，现在的生活越来越离不开手机了？无论是购物、聊天还是办公，手机都能轻松搞定。这不，今天就...