认识HTML--HTML中的基本结构 ------------16岁的小前端

HTML中的基本结构

对于html语言,当年那一群人在跟电脑协商的时候电脑有一个意见:【你们在对我下达指令的时候不能瞎说;必须有一个规定,就像英语的语法一样,方便我阅读和执行】

在这样的要求下,那一群人就制定了一套HTML的规则或者说的HTML的语法;

<!doctype html>
<html>
    <head>

    </head>
    <body>

    </body>
</html>

在html中这种 <xxx> 或 </xxx> 的代码,我们一般称之为标签

代码段 中文直译 意义 <!doctype html> 声明标签 声明文档类型为html5 <html> html标签【开始】 HTML代码内容【开始】 <head> head标签【开始】 头部内容【开始】/仅做代码分割的作用 </head> head标签【结束】 头部内容【结束】/表示head标签结束,不再继续执行了 <body> body标签【开始】 身体内容【开始】/仅做代码分割的作用 </body> body标签【结束】 身体内容【结束】/表示body标签结束,不再继续执行了 </html> html标签【结束】 HTML代码内容【结束】

这就是HTML的基本结构/语法;

相信大家也够总结出来了

<xxxxx>表示xxxxx标签【开始】

</xxxxx>表示xxxxx标签【结束】

所以【 / 】在此处的意义是结束

HTML标签的意义呢就是表示在HTML中的书写位置的一个大体;其中呢HTML标签又下分为2个具体的书写位置;

head标签与body标签的主要意义就是把HTML分割为2部分,一部分叫【头】一部分叫【身体】;

在书写时一般都会写在这两个部分的中间;也就是:

<!doctype html>

<html>
    <head>
        在这可以书写head部分的代码
    </head>
    <body>
        在这可以书写body部分的代码
    </body>
</html>

在HTML代码中像 <head></head> , <body></body> ;这样带有开始标签与对应的结束标签的,将内容书写至开始标签与对应的结束标签的中间即可生效对应标签中的意义,

如果一段内容被多个标签包括则都会生效这些标签的意义;

例如;

<!doctype html>
<html>
    <head>
        小黑
    </head>
    <body>
        小白
    </body>
</html>

在这里呢小黑在HTML标签【开始】与HTML标签【结束】中间 也在 head标签【开始】与head标签【结束】中间,

则小黑获取到的是head标签 和 HTML标签的意义;也就是把小黑划分为【HTML部分】 中的 【头部分】;

在这里呢小白在HTML标签【开始】与HTML标签【结束】中间 也在 body标签【开始】与body标签【结束】中间,

则小黑获取到的是body标签 和 HTML标签的意义;也就是把小黑划分为【HTML部分】 中的 【头部分】;

-------------------------------------------------------16岁的小前端

经验分享 程序员 微信小程序 职场和发展