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

 
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>

 

posted @ 2020-12-05 17:27  Malakh  阅读(105)  评论(1)  编辑  收藏  举报