本文是基于b站黑马程序员的视频教程 然后总结自己的心得写的 只是自己的个人总结 如有错误 敬请指正 基于此链接最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程_哔哩哔哩_bilibili最新的web前端html5+css3+前端项目重磅上线啦！采用实战式教学，一线大厂的综合案例，用最短的路径讲解每个技术点，每章节都自成闭环。课程中和课程尾配备两个实战项目，项目一类型是企业站，快速的将基础知识点进行反复练习；项目二类型是电商站，基于项目一升级难度，掌握更复杂的网页效果的开发流程和布局标准。严格按照专业的开发流程：专业的测量工具，做到100%还原设计稿；编码规范对标一线大厂开发标准，
https://www.bilibili.com/video/BV1Kg411T7t9?spm_id_from=333.337.search-card.all.click
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
hello world
</body>
</html>一个完整的网页文件都以<html>标签开始 ，以</html>结束。表示这是一个网页文件的代码，其中网页文件又分为两大部分，分别是以<head>和</head>结束的网页头部分，以<body>和</body>结束的网页正文部分。其中网页头部分中间包括网页标题信息<title>和</title>和一些网页描述信息。网页正文部分包括文本段落<p>和</p>及其他的图文信息等内容。当然，除了这些成对出现的标签外，也有一些单标签，如换行标签<br>和水平线标签<hr>和图像标签<img>等。
<!DOCTYPE html><!-- 文档类型声明 -->
<html lang="en"> <!-- 文档标签 -->
<head><!-- 头部标签 -->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title><!-- 标题标签 -->
</head>
<body><!-- 主体标签 -->
hello world
</body>
</html>本人懒，不想码字了，就写注释叭