HTML环境搭建与文件基本结构
HTML的基础
HTML环境搭建
Pycharm 包含全部环境 编写（代码） → 运行浏览器 → 代码检查
Sublime 只是用来编写 HTML 代码；需要手动打开浏览器
建议用 Pycharm 即可
Py → Python
charm → 编译器
HTML文件基本结构 1 <!DOCTYPE html> <!--html文档声明,声明此文档是一个html的文档-->
<!DOCTYPE html> H5 代码声明，一定要放文档最前面的位置
2 3 <!--标签定义及使用说明 4 <!DOCTYPE>声明位于文档中的最前面的位置,处于<html>标签之前。 5 <!DOCTYPE>声明不是一个HTML标签;它是用来告知Web浏览器页面使用了哪种HTML版木。 6 7 <!-快捷键: html+Tab--> 8 <html> <!--html开始标签-->
<html> 标签代表描述语言往下开始
9 <head><--网页的设置项和资源引用卸载head中,标签中的内容不会显示在网页上-->
head代表页面的头 10 <meta charset="UTF-8">
代表我们的语言，用的是 UTF-8 11 <title>001-html</title>
title是标签，是我们的标题 12 </head> 13 <body><!--网页的主体标签,网页上显示的内容都写在这个标签内--> 14 第一天前端 15 </body> 16 </html>
</html> 有开始，有结束
1-1
# 语言选择 HTML5 <!DOCTYPE html> # html代码的文档说明，说明是 H5 的代码 <html lang="en"> # 表示语言，en 代表英文 谷歌浏览器的语言识别，就是依靠这个 <head> <meta charset="UTF-8"> <title>001_test.html</title> # 就是页面的标题 </head> <body> # 是网页的主体标签，整个网页显示的内容都在 body 中 前端 html </body> </html>