首页 > 其他分享> > 20201205-3 HTML环境搭建与文件基本结构

20201205-3 HTML环境搭建与文件基本结构

2020-12-05 17:33:01 作者：互联网

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>

标签：浏览器,标签,代码,html,HTML,20201205,文档,搭建
来源： https://www.cnblogs.com/azxsdcv/p/14090345.html