HTML5基础项教学(简单网页)

编程入门 行业动态 更新时间:2024-10-24 18:27:02

HTML5基础项教学(<a href=https://www.elefans.com/category/jswz/34/1770983.html style=简单网页)"/>

HTML5基础项教学(简单网页)

一、什么是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>

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

更多推荐

HTML5基础项教学(简单网页)

本文发布于:2024-02-05 09:16:13,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1674053.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:简单   网页   基础

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!