HTML 文件结构和文件类型
HTML的文件结构
HTML文件结构是指一个HTML文档的基本组成部分和整体结构，通常包括以下几个部分：
1、DOCTYPE声明：用于指定HTML文档的版本和类型，告诉浏览器要以什么方式解析HTML文档。
2、HTML标签：HTML文档的根标签，包含<head>和<body>两个子标签。
3、Head标签：包含了一些文档的元数据，如文档的标题、描述、关键字等信息。
4、Body标签：包含了文档的主要内容，如文本、图像、音频、视频等元素。
为了方便各位同学理解HTML的文件结构，我们看下下面这个示例代码：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的网站</title> <meta name="description" content="这是我的个人网站"> <meta name="keywords" content="个人网站, 前端开发"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">关于我</a></li> <li><a href="#">文章</a></li> <li><a href="#">联系我</a></li> </ul> </nav> </header> <main> <article> <h1>文章标题</h1> <p>这是一篇文章的内容</p> <p>这是第二段内容</p> </article> </main> <footer> <p>版权所有 © 2023 我的网站</p> </footer> </body> </html>
其中，<!DOCTYPE html>指定了HTML5的文档类型，
<html>标签定义了整个HTML文档的根元素，
<head>标签包含了文档的元数据，包括标题、描述和关键字等，
<meta>标签用来定义文档的元数据，
<link>标签用来引入CSS样式表。
<body>标签包含了文档的内容，包括网站的导航、主要内容和页脚等。
创建的HTML文件类型
HTML文件：就是指使用HTML语言编写的网页文件，可以通过浏览器来查看和呈现。
HTML文件通常以.html或.htm作为文件扩展名，如index.html、about.html等。
HTML 文件结构和文件类型概括总结
HTML 文件是纯文本文件，通常使用 .html 或 .htm 作为文件扩展名。
HTML 文件由文本、标记和注释组成，用于定义页面结构和内容。
HTML 文件的基本结构包括 DOCTYPE、HTML、HEAD 和 BODY 等元素。
使用示例：
<!-- HTML版本声明 下面格式是HTML5版本 --> <!DOCTYPE html> <!-- 下面的html标签代表这个网页是个整体 --> <!-- language => en english ch chinese--> <html lang="en"> <!-- 下面是网页的头部 --> <head> <!-- 设置网页的编码 gbk gbk2312 --> <meta charset="UTF-8"> <!-- 适配当前的社保显示 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 这个地方就相当于人的名字 --> <title>花店网</title> </head> <!-- 这是身体（网页主体） --> <body> </body> </html>
需要购买本课才能留言哦~