您的当前位置:首页HTML基本组成结构与标签的详细介绍

HTML基本组成结构与标签的详细介绍

2023-11-27 来源:华拓教育
HTML基本组成结构与标签

其实组成结构用一张图来简单了解下如下

HTML基本组成结构与标签的详细介绍

目前一般网站的结构是会如此不是很清晰简单

先来说说header头部

HTML基本组成结构与标签的详细介绍

这样是不是更加清楚了 导航栏是引导用户查看网站内容的快捷入口,打个比方例如你去超市买酱油,超市的头顶上会挂着分类区域例如,生活用品、服装、厨具等

然后你就会通过分类去找你要买的物品归类在哪,到那你就只用找你想要买的酱油就可以了。这样是不是容易理解点

那我们在继续来看看content内容部分顾名思义就是作者或者楼主展现文字结合图片等内容的一种体现具体如下:

这样就是内容的展现,如果要打比方就:大家都知道星巴克是品咖啡的地方这就是他的hearder但是具体喝哪中咖啡就要取决于内容content,你的走到前台看咖啡的种类及价格

要说hearder与content的区别我个人理解就是header是概览目录,虽然content也可以实现但更多content定位到具体某一个属性及地址

最后让我们来聊聊footer脚部也叫脚标

HTML基本组成结构与标签的详细介绍

这就是上面列表个网站的联系方式以及监管等等,打个比方的话就和车牌照一样,即要有车管所的监管还要有你的联系方式。

介绍到此是不是对网页组成结构有大致印象

接下来说说html网页的标签

有个很简单的方式查看网页标签就是鼠标右键点击网页空白的地方看源代码

HTML基本组成结构与标签的详细介绍

是不是可以看到很多代码用<>尖括号组成这就是标签</>有斜杠就叫标签的闭合也可以理解为<开始></结束>

来看看对应关系title一般情况是这样对应如下:  当然也有其它地方写title的用法这个暂时不考虑

HTML基本组成结构与标签的详细介绍

在来看看内容部分的关系对应如下:

HTML基本组成结构与标签的详细介绍

当然这里只做简要介绍,详细的后面在深入理解

我们在看标签<>内外关系也就是所谓的嵌套

<p>

<h2>

<ul>

<li></li>

<p></p>

</ul>

</h2>

</p>

标签这样一层套一层就是标签的嵌套,那么最外面的p就是董事长,h2就是总经理与他同级的还ul也是总经理,li和p就是部门主管,这样一个层级关系

打个比方你是A公司的董事长和B公司的董事长认识,这时候你要的一个文案需要他的一个部分下的人员上交上来给你看关于合作,那么B回到公司就要

把这件事通知下去就像这样 p>h2>ul>li或p 然后员工知道老板要文案就直接把文案给送过去就可以,我们爬虫BeautifulSoup也是按这个逻辑去抓取

想要的内容,就是通过标签层级去找内容。

这次就简单的介绍到这后续会持续跟新。  

小编还为您整理了以下内容,可能对您也有帮助:

简述HTML的基本结构

1、HTML文件标记标记放在网页文档的最外层,表示这对标记间的内容是HTML文档。

2、HEAD文件头部标记件,该标记出现在文件的起始部分。标记内的内容不在浏览器中显示,主要用来说明文件的有关信息,如文件标题、作者、编写时间、搜索引擎可用的关键词等。

3、BODY文件主体标记,它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。

HTML就是超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

html文档的基本结构是什么

html文档的基本结构是文档类型声明、html标签对、head标签对、body标签对。HTML的全称为超文本标记语言,是一种标记语言。

HTML(HyperTextMark-upLanguage)是一种制作万维网页面的标准语言,是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。

HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标题、段落和列表等等,也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素(如<html>),浏览器使用HTML标签和脚本来诠释网页内容,但不会将它们显示在页面上。

HTML可以嵌入如JavaScript的脚本语言,它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表(CSS)来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟(W3C)鼓励人们使用CSS替代一些用于表现的HTML元素。

html文档的基本结构是什么

1、HTML文档中,第一个标签是。这个标签告诉浏览器,这是HTML文档的开始。HTML文档的最后一个标签是,这个标签告诉浏览器这是HTML文档的终止。2、在和标签之间文本的是“头信息”。在浏览器窗口中,“头信息”是不被显示的。 演示机型:华为MateBook X

系统版本:win10

1、HTML文档中,第一个标签是。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是,这个标签告诉浏览器这是HTML文档的终止。

2、在和标签之间文本的是头信息。在浏览器窗口中,头信息是不被显示的。

3、在 标签之间的文本是文档标题,它被显示在浏览器窗口的标题栏。

4、在和标签之间的文本是正文,会被显示在浏览器中。

5、在 和 标签之间的文本会以加粗字体显示。

HTML文档结构一般包括哪三部分啊?

HTML文档结构一般包括包括标记(Html)、头部(Head)、主体(Body)三部分。

标记< html></html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

头部<head></head>:表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。

主体<body></body>:网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。

扩展资料:

一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。

标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现。有三个双标记符用于页面整体结构的确认。

参考资料来源:

百度百科——html代码

百度百科——HTML文件

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。