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

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-811  　　　　<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://blog.51cto.com/u_15149862/2695589