HTML|网页基本信息

1.注释

HTML的注释的格式是：


代表结束

例如：

<!--  注释 -->

IDEA中 ctrl+/即可快捷生成注释

2.DOCTYPE

文档类型，它的作用是告诉浏览器要使用什么规范

例如：

<!DOCTYPE html>

这句话呢，就是告诉了浏览器要使用html规划，但是浏览器默认的规范就是html，所以这句话我们去掉也是可以的。

3.html标签

<html lang="en">

</html>

4.head标签

<head>

</head>

用来代表网页的头部

5.body标签

<body>

</body>

代表网页的主体，比如我要在网页中输出Hello,World!：

<body>
Hello,World!
</body>

6.title标签

<title></title>

在head标签中，还有meta和title标签，在两个《》之间可以用来书写我们的网页标题，比如我要给我的这个网页取名为我的第一个网页：

<title>我的第一个网页</title>

7.meta

<meta>

meta是描述性标签，用来描述我们网页的一些信息

比如我要表述一下，我设计的网页的关键字是Alan_Lowe,HTML学习：

<meta name="keywords" content="Alan_Lowe,HTML学习" >

我设计的网页的描述信息是Alan_Lowe自己学习HTML：

<meta name="description" content="Alan_Lowe自己学习HTML">

综上，我们就可以写出我们的第一个html代码：

<!-- DOCTYPE:告诉浏览器，我们要使用什么规范 -->
<!DOCTYPE html>

<!-- html标签是宗标签，在它的内部有head标签和body标签-->
<html lang="en">

<!-- head标签代表网页头部-->
<head>
<!--  meta是描述性标签，它用来描述网站的一些信息,一般用来做SEO  -->
    <meta charset="UTF-8">
    <meta name="keywords" content="Alan_Lowe,HTML学习" >
    <meta name="description" content="Alan_Lowe自己学习HTML">
<!--  网页标题  -->
    <title>我的第一个网页</title>
</head>

<!-- body标签代表网页主题 -->
<body>
Hello,World!
</body>

</html>

点击浏览器直接打开：

HTML|网页基本信息_html

运行过后可以看到从浏览器弹出了一个新的窗口：

HTML|网页基本信息_html标签_02

显示出了body的内容Hello,World!

右击页面即可查看我们网页的源代码：

HTML|网页基本信息_html标签_03

人生没有白走的路，每一步都算数！