整体基本结构
<!DOCTYPE html> //文档的说明 <html> //标记文档的开始和结束 <head> //文档的头部 <meta charset="UTF-8"> //源信息标记 <title>Title</title> //标题标记 </head> <body> //主题内容 </body> </html>
第一行为这个文档的类型声明。文档类型声明用于宣告后面的文档标记遵循哪个标准，例如，上面结构中的文档声明表示文档标记遵循 HTML5 标准。
<html lang="en">
{#语言为english#}
<html>标签为双标签，用以标记文档的开始和结束即 <html> 标记文件的起始位置，</html)>标文档的终止位置。<html>标签内容由两部分组成。
第一部分为头部标签<head>,在头部际签内又主要有 <meta>标签和<title>标签，<meta>标签是单标签，一般用来定义页面信息的名称、关键字、作等，其提供的信息是用户不可见的，而< title>标签为HTML 文件的标题。其显示在浏览器的标题栏，用以说明文件的用途。
第二部分为网页的主体。在编辑网页时把内容直接添加到 <body> 与 </body> 之间即可。
HTML 中，一个HTML 头页面中可以有多个 meta 元素。HTML中，标签名不区分大小写，<HTML>、<Html>和<html>作用一样。
原文链接：https://blog.csdn.net/qq_41573234/article/details/79937748
<div class=“name”>乔布斯</div>
这个就是一个div的盒子.有一个类名叫name(就是名字的意思)，
“乔布斯”就是一个人名
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
在html中，为了实现动态交互效果，我们经常会嵌入其它脚本语言（如：JavaScript）
script标签是html中很重要的一个标签之一，用的非常多，经常使用来嵌入脚本语言（如：JavaScript）或引入外部脚本文件（如：JavaScript文件）.
script标签定义及用法
在html中，script标签是使用来定义客户端脚本，经常使用来嵌入JavaScript或引入JavaScript文件，而JavaScript通常用于操作图像、表单的验证以及动态内容的更改。
script标签可以有内容，内容为脚本语言（如：JavaScript脚本）。该标签还可以使用src属性引入外部脚本文件（如：JavaScript脚本文件），如果使用了src属性，script标签内容必须是空的。
script标签语法格式
<script type="脚本的MIME类型>内容</script>
或<script type="脚本的MIME类型 src="外部脚本语言地址"></script>
语法格式说明：
type属性在html 4版本中是必须设置的，而在html 5中可以不用设置；设置了src属性，script标签必须是空的；
script type="text/javascript" src="{{ url_for(‘static‘, filename=‘js/start.js‘) }}"></script>
script标签属性
async：异步执行脚本，值：async（只适用于外部脚本，是html5新增属性）；
charset：脚本中使用的字符编码（只适用于外部脚本）；
defer：当页面已完成解析后，执行脚本，值：defer（只适用于外部脚本）
src：外部脚本的地址；
type：脚本的MIME类型；
xml:space：规定是否保留代码中的空白（html5不支持）。
链接一个外部样式表：
<link rel="stylesheet" type="text/css" href="theme.css" /><link rel="stylesheet" href="{{ url_for(‘static‘, filename=‘css/start.css‘) }}">
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
注释：link 元素是空元素，它仅包含属性。
注释：此元素只能存在于 head 部分，不过它可出现任何次数。
原文：https://www.cnblogs.com/tingtin/p/12786370.html