使用HBuilderX自动生成的HTML代码框架
上图是我新建的一个HTML工程，HTML是一种超文本标记语言，一个完整的网页有很多很多的标签组成，其中的标签大多以成对的形式出现比如<html></html>，在软件自动生成的代码中，<html>标签是一个根节点，根节点下面有两个子节点<head>和<body>，html就像一个人，他有头（head）和身体（body）
HTML层次结构
<head>标签当中有一个<title>标签（也只能在<head>标签中），title标签是一个网页的“姓名”就是大家打开网页，标题栏所显示的内容，都是写在<title>标签内的，例如<title>我的编程世界</title>,我们也可以通过在网页当中按F12调出网页的代码修改其中的<title>标签改变网页的名字。
修改简书的title标签
当然这种修改只是暂时性的，当你F5刷新网页的时候也就还原了，在源代码当中我们可以修改网页中所有的文本信息，只需要找到对应的代码段就可以了。
<head>当中还有要解释的一行代码是<meta charset="utf-8" /> ，这一行代码的意思是，文件的编码格式为utf-8，现在的网页（包括国外）大多采用utf-8的编码，因为utf-8是国际通用的编码格式，除了utf-8之外还有GBK或GB2312（中文编码），使用中文编码的网站只能在具有中文编码的浏览器正常显示，文件编码格式和浏览器编码格式不同就会出现乱码的现象，推荐大家使用utf-8的编码格式，因为这是国际通用的编码格式。
IE浏览器具有的编码格
在我们的<body>标签当中就是我们代码的主体了，HTML当中大多数标签都是写在<body>当中的，在<body>中，我们通过<div>标签将整个网页进行分层，需要注意的是HTML的代码基本结构是不能乱的，不然会出现意想不到的效果，代码的书写一定要有层次感，这个是编程中都有的规定，这一点很重要。
在一张网页当中<html><head><body>这三个标签只能出现一次，表示一张网页的代码结构。
以上就是我对HTML代码的基本结构的理解，感谢阅读！
网友评论