HTML|网页基本信息

最新推荐文章于 2024-05-13 04:30:24 发布

Alan_Lowe

最新推荐文章于 2024-05-13 04:30:24 发布

阅读量532

点赞数 1

分类专栏： # HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_45985728/article/details/118679980

版权

HTML 专栏收录该内容

26 篇文章 5 订阅

订阅专栏

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>

点击浏览器直接打开：

在这里插入图片描述

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

在这里插入图片描述

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

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

在这里插入图片描述

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

Alan_Lowe

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
2
评论
HTML|网页基本信息

HTML|网页基本信息1.注释HTML的注释的格式是：代表结束例如：IDEA中 ctrl+/即可快捷生成注释2.DOCTYPE文档类型，它的作用是告诉浏览器要使用什么规范例如：<!DOCTYPE html>这句话呢，就是告诉了浏览器要使用html规划，但是浏览器默认的规范就是html，所以这句话我们去掉也是可以的。3.html标签<html lang="en"></html>4.head标签&l
复制链接

扫一扫