web从零开始做网站：一.HTML基础与工具选择前言一、HTML的概念二、开发工具三.HBuilder（国产，对中文友好）

77 阅读 0 评论 51 点赞

我是靠谱客的博主靓丽书包，最近开发中收集的这篇文章主要介绍web从零开始做网站：一.HTML基础与工具选择前言一、HTML的概念二、开发工具三.HBuilder（国产，对中文友好），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

提示：HTML基础与工具选择

文章目录

前言
一、HTML的概念
- 1.网页的本质
- 2.HTML
- 2.1标签的语法规范（这里简略概括）
- 2.2html的骨架
二、开发工具
- 1.文本编辑工具（替代我们的文本工具）
- 2.集成开发环境
三.HBuilder（国产，对中文友好）

前言

web从零开始做网站：一.HTML基础与工具选择

提示：以下是本篇文章正文内容，下面案例可供参考

一、HTML的概念

1.网页的本质

我们可以进行实操感受一下：
首先新建一个txt文本文件，在其中输入内容
在这里插入图片描述

保存后我们把它直接从桌面拽进浏览器图标，我们可以发现一个很神奇的现象。
在这里插入图片描述
在我们的网址栏，是我们的路径，而内容便显示在浏览器中。%20，是因为我的本地文件名里是新建文本文档.txt,存在一个空格。
由此可以得到结论：网页本质上还是一个文本文件。
但我们还是需要更改一下后缀名为htm或者html。更改之后我们会发现

默认的浏览器不同，图标的显示也是不一样的。
浏览器会默认解析html文件。

2.HTML

HTML：HyperText Mark-up Language, 超文本标记语言。是用来描述网页的一种标记语言。
它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
HTML的核心就是标签，到目前为止总共的标签超过了100个。
全部HTML标签，可以参考：https://html5.tool.webfrontend.dev/
在这里插入图片描述
我们肯定不用全学，后面我会讲解最常用的以及建立网站必要的标签。

2.1标签的语法规范（这里简略概括）

HTML标签是由尖括号包围的。
根据标签的书写形式，分为双标签(闭合标签)和单标签(空标签)。
标签可以嵌套，不能交叉嵌套。
标签中可以包含属性。
标签不区分大小写。

2.2html的骨架

<!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>Document</title>
</head>
<body>
    
</body>
</html>

二、开发工具

1.文本编辑工具（替代我们的文本工具）

在这里插入图片描述

2.集成开发环境

在这里插入图片描述

**这里我们推荐这两个免费的VScode和HBuilder，百度可以直接官网下载安装。

三.HBuilder（国产，对中文友好）

进入官网（大家有兴趣可以好好探索一下）
在这里插入图片描述
点击上栏的所有产品，并选择第一行最左边HBuilder X极客开发工具。

正常进行下载
下载完毕后，我们进行解压，解压的位置就是你平常安装软件的地址
完毕后，在文件夹里打开
因为要长期使用，建议大家创建快捷方式到桌面上打开。
在这里插入图片描述