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

相关内容

热门资讯

安卓最后系统怎么关闭,轻松操作 手机用久了，是不是有时候觉得安卓系统有点儿闹腾啊？别急，今天就来手把手教你如何优雅地关闭安卓系统，让...
定制精简安卓系统的软件,精简安... 你是不是也厌倦了安卓系统那复杂的设置和冗余的功能？想要一个轻巧、高效、完全属于你自己的安卓系统？那就...
kindle卸载安卓系统更新系... 你有没有发现，你的Kindle最近有点儿“懒洋洋”的？更新系统总是慢吞吞的，而且有时候还会出现一些小...
易安卓e4a支持安卓系统多少,... 你有没有听说易安卓e4a这款手机？最近它可是火得一塌糊涂呢！今天，我就要来给你详细扒一扒这款手机，尤...
安卓系统档次排行榜,揭秘手机性... 你有没有发现，手机的世界里，安卓系统就像一场热闹的时装秀，各种档次层出不穷，让人眼花缭乱。今天，就让...
一加6安卓系统恢复,轻松应对系... 手机突然卡壳了，是不是你也遇到了这样的尴尬情况？别急，今天就来给你详细说说如何拯救你的手机——一加6...
coc苹果改安卓系统,COC系... 你知道吗？最近在互联网上掀起了一股热潮，那就是COC苹果改安卓系统。这可不是什么小打小闹的事情，而是...
现在的安卓系统会卡吗,告别卡顿... 你有没有发现，现在的安卓手机用起来有时候会卡卡的呢？是不是觉得自己的手机越来越慢，连打开个应用都要等...
基于安卓深度定制的系统,打造个... 你知道吗？在手机的世界里，有一个特别的存在，那就是基于安卓深度定制的系统。它就像是一个魔法师，把安卓...
索尼相机传安卓系统,开启智能摄... 你知道吗？最近在摄影圈里可是掀起了一股不小的波澜呢！索尼相机竟然传出了要搭载安卓系统的消息，这可真是...
安卓系统电话变未知,揭秘安卓系... 最近你的安卓手机是不是也遇到了这样的情况？电话簿里原本熟悉的名字突然变成了“未知”，让人一头雾水。别...
oppofind7安卓系统过低... 你有没有遇到过这样的情况：手机里的APP突然罢工，系统卡得像蜗牛爬，原来是安卓系统版本过低，让你头疼...
苹果7p系统对比安卓系统,性能... 你有没有想过，为什么你的手机里装的是苹果7P的系统，而不是安卓系统呢？今天，就让我带你来一场苹果7P...
托管的系统和安卓区别,托管系统... 你有没有想过，为什么有些手机用起来就是顺滑无比，而有些却总是卡得让人抓狂？这背后，其实隐藏着托管的系...
有安卓系统的掌上机,便携智能生... 你有没有想过，在这个科技飞速发展的时代，拥有一台有安卓系统的掌上机是多么酷炫的事情啊！想象随时随地都...
代码怎么变成软件安卓系统,所以... 你有没有想过，那些我们每天离不开的安卓软件，其实都是从一行行代码演变而来的呢？今天，就让我带你一起探...
在安卓上安装ios系统,揭秘如... 你有没有想过，在安卓手机上安装iOS系统？听起来是不是有点不可思议？但你知道吗，这竟然是许多技术爱好...
平板电脑安装安卓双系统,轻松实... 你有没有想过，你的平板电脑除了用来刷剧、玩游戏，还能干些什么呢？今天，就让我来带你探索如何让你的平板...
系统更新真的流畅吗安卓,安卓流... 你有没有发现，每次安卓系统更新后，手机都像换了个灵魂似的，流畅度提升了不少？但说真的，这流畅度到底是...
安卓怎么成为苹果系统的,探索成... 你有没有想过，为什么有些人拿着苹果手机，而有些人却在用安卓手机呢？是不是觉得苹果系统特别高大上，而安...