<!DOCTYPE html>
<!-- !表示声明,代码意思为下面的文档标签将以html5规范去解析 -->
<html>
<head>
<!-- 头部 主要用来完成一个网页的相关设置 -->
<meta charset="utf-8"><!-- 汉字编码 --> mate:元，主要用来完成对应设置
<meta name="keywords" content="" ><!-- 设置一个网站的搜索关键字 -->
<meta name="description" content=""><!-- 网站的描述内容 -->
<title> </title><!-- 标题 -->
<style type="text/css">
/* 书写样式的地方 */
</style>
<link rel="stylesheet" type="text/css" href="layui.css"/>
<!-- 用来引用外部样式文件 -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!-- 设置网站小图标 -->
<!-- link:favicon 按tab -->
</head>
<body>
<!-- 主体部分 -->
<p>这是一个段落</p>
</body>
<script>
// 放脚本代码的地方
</script>
</html>
1.引入外部样式
2.样式表编写区域
3.脚本编写区域
4.设置网站搜索关键字
5.设置网站的描述内容
6.基本框架与开头声明的含义
原文：https://www.cnblogs.com/muxin520/p/14399146.html