HTML：超文本标记语言入门教程（一）

来源：互联网 2023-03-16 19:14:18 367

零基础入门前端学习HTML5？JavaScript？CSS？

入门前端必须要学会 html css js，本教程就说html ~~~~~~~~~~

工具/原料

编辑器：vscode

本章学习

1. html 介绍

2. 编辑器安装下载

3. 一个简单的 html 页面例子

HTML：超文本标记语言入门教程（一）

1相关内容未经许可获取自百度经验

一、html 介绍

HTML:

超文本标记语言（英语：HyperText Markup Language，简称：HTML）

是一种用于创建网页的标准标记语言。

通俗的说：

一个房子里面

html：躯壳，框架，房梁

js：计算框架，房梁称重计算

css：装饰，修饰漂亮，各种风格

HTML：超文本标记语言入门教程（一）

二、编辑器

编辑器就是让我们用来编辑代码的，就比如我们要写一个文档，要使用 word 这个编辑器来编写，那马编写代码就需要使用到我们的编辑器

编辑器有很多~~~

选择一个自己喜欢的，或者熟练的使用~~~~~~~~~~

1.JetBrains WebStorm

2.Visual Studio Code (推荐使用)，文章中以 vscode 简称

3.。。。。。。

到对应的官网下载安装编辑器

HTML：超文本标记语言入门教程（一）

三、一个简单的 html 页面例子

① 新建 test.html 文件
1. 在自己存放代码的文件夹下新建一个test.html 文件，使用vscode 打开
2. 或者打开vscode 编辑器，新建一个文件，另存为至存放代码的文件夹下，
定义文件名test.html
输入 html 按↓ 键，选择 html5 ，就可以快速生成一个 html 页面
!DOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>Document/title>
/head>
body>
/body>
/html>
!DOCTYPE html>声明为 HTML5 文档
html>元素是 HTML 页面的根元素
head>元素包含了文档的元（meta）数据，如meta charset="utf-8">定义网页编码格式为utf-8。
title>元素描述了文档的标题
body>元素包含了可见的页面内容
h1>元素定义一个大标题
元素定义一个段落
② 标签/元素/标签：
html> ，head>，title> ，body>这些就叫做标签，也叫作元素，也可以叫做标签，
它们都是成对出现的~~~~~~~~
③ 编辑简单页面
页面的编辑就在 body>/body>这对标签里面~~~~
④ 查看页面效果
1，右键选择在浏览器中打开 test.html 文件，找到本地存放的文件
2，右键test.html 文件，选择打开方式，用任意一个浏览器打开
3，就可以看到编辑的页面效果，我们所看到的电脑网站网页就是程序员这样一点一点的编辑而来的~~~~~
本章到此结束~~~~
后面学习 html 其他标签~~~~~~~~~~~