HTML5基础项教学（简单网页）

最新推荐文章于 2024-05-27 10:29:36 发布

双鸢

最新推荐文章于 2024-05-27 10:29:36 发布

阅读量1.2k

点赞数 2

分类专栏： html5 文章标签： html5

本文链接：https://blog.csdn.net/qq_58897653/article/details/119409719

版权

html5 专栏收录该内容

3 篇文章 1 订阅

订阅专栏

一、什么是HTML？

HTML（Hypertext Markup Language）超文本标记语言
它负责网页的三个要素之中的结构
HTML使用标签的形式来标识网页中的不同组成部分
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面

二、HTML5的基本格式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title>
</head>
<body>
    内容
</body>
</html>

也可以简写为以下：

<html>
<head>
<title>标题</title>
</head>
<body>内容</body>
</html>

1、html元素

元素就是标签的意思，html元素即表示文档采用语言为：简体中文

2、head元素

用来包含元数据内容

3、title元素

设置浏览器左上角的标签

4、body元素

用来包含文档内容的元素，也就是浏览器可见区域部分。所有的可见内容，都应该在此进行添加

三、选择什么来敲HTML

一般推荐用Visual Studio Code软件

能力较强可以使用记事本

ps：Visual Studio Code有代码提示

用基础格式举例，在Visual Studio Code的第一行用英文打一个!号然后回车

最后要注意文件的命名格式，文件名.html

接下来我们可以动手写一个最简单的小网页

按照上面的内容我们来写

这里是写完的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的第一个html网页</title>
</head>
<body>
    你好
</body>
</html>

运行完之后就可以得到我们的第一个小网页了

双鸢

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
HTML5基础项教学（简单网页）

一、什么是HTML？HTML（Hypertext Markup Language）超文本标记语言它负责网页的三个要素之中的结构 HTML使用标签的形式来标识网页中的不同组成部分所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面二、HTML5的基本格式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-e
复制链接

扫一扫