HTML-day01-基本了解

一.初识HTML

HTML，全称叫HyperText Markup Language，他是一种超文本标记语言，与Python，Java等编程语言不同，当前，我们使用的HTML的版本是HTML5，HTML属于静态网页，只能显示网页的主体结构，网页内容，一般与css（Cascading Style Sheets），js（JavaScript）配套使用，css是层叠样式表，用来控制页面中元素的样式，使我们的静态页面变得美观，js用于响应用户的操作，使页面活起来。

特点是：简易性，可扩展性，平台无关性，通用性

开发工具：强推VScode，该工具有许多便于编程的插件，相较于其他的开发工具，更加适合新手练习，还有一些其他的开发工具，如Sublime，idea等，可根据喜好自行选择

二.页面结构

使用VScode创建后缀名为.html的文件，文件名自取，输入！+  enter  或  html：5  +  enter  生成基本的html5的结构

不能使用上述快捷键生成模板的解决办法：点击VScode页面右下角的齿轮按钮，点击设置，搜索emmet，往下找到Trigger Expansion On Tab，勾选启用，即可使用！+  Tab快捷生成H5页面模板，类似div*3之类的操作也可以用Tab键生成

 生成页面结构之后，我们常用的标签有title以及body，title：设置网页名称，如图已设置为Document，所以这个HTML文件的网页名就是Document，body是这个网页的内容展示区域，我们编写代码都在这个标签里，任何有关页面内容的标签写在body标签的外面均不显示，还有head标签，当我们后面学习到css和js需要外联的时候，常常会在head标签里添加style和script标签链接到css和js文件

三.语法

1.空白语法

当你想要有空格间隔文字或其他内容的时候，无论你在标签内部写了多少空格，浏览器会解析成一个，这个时候就需要字符实体的帮助

2.字符实体

&nbsp（空格）;&lt（小于号）;&gt（大于号）;

3.属性

id，class，style，title等

4.注释

ctrl+/即可注释        <!---           --->