走进HTML

# 什么是HTML

HTML：超文本标记语言（Hyper Text Markup Language）
HTML不是一种编程语言，而是一种标记语言，描述网页的语言,标记语言是一套标记标签 (markup tag)
标记标签：例如下文的

HTML使用标签描述网页中图片、文本、音乐、视频、超链接等
HTML的结构包括"头"部分（Head）、和"主体"部分（Body），
其中"头"部提供关于网页的信息，
"主体"部分提供网页的具体内容。

[/code][code]

复制代码

[/code][code]

复制代码

无标题文档

复制代码

[/code][code]

复制代码

网页主体内容

复制代码

[/code][code]

复制代码

代码解释：
：文档类型声明：在网络世界中，有很多类型的文件，我们要告诉浏览器我们当前网页的类型，它才知道如何解析我们的代码
与  之间的文本描述网页
之间的文本提供网页相关的信息，比如网页的标题（title）等
与之间的文本是可见的页面内容

# 为什么要学习html

制作精美的电商、门户等静态网页
制作网页中的各种交互、动画效果
制作网页游戏 ……

# 开发环境及开发工具

开发环境：windows、linux、Mac OSX
开发工具：vscode、WebStorm、……
工欲善其事，必先利其器。IDE工具选择一个就可以了，小编使用的是vscode
下载安装以后，简单熟悉一下你的编辑器，就可以开始写代码了。。。

# html基本标签

以上是html中的最为基本的标签了，使用方式很简单。
你可以类比下图形式，
在你的编辑器中尝试书写一下吧



当然，如果你想在网页中展示一张图片，那么你可以使用img标签：

相对路径：

复制代码

[/code][code]./:当前的同级目录

复制代码

alt:替换文本，当图片显示错误时，替换文本显示

复制代码

[/code][code]网页制作中通过使用相对路径

复制代码

当然，如果你想实现跳转到页面不同的地方，或者跳转到不同的页面，或者跳转到不同的网站，那你可以使用超链接标签

以上是a标签的用法，赶快在你的编辑器里是试试吧。

# 代码注释

注释标签用于在 HTML 插入注释

1.方便阅读代码
2.浏览器自动忽略注释内容
3.注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
4.您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。

[/code][code] 徐志摩人物简介

复制代码

1918年赴美国克拉大学学习银行学

复制代码

1921年开始创作新诗

复制代码

1922年返国后在报刊上发表大量诗文

复制代码

[code][/code]以上代码展示效果：被注释的代码是不会展示在页面中的。

本次的教程就到这里啦，不理解的小伙伴，可以私信我哦！
转发！
记得转发！
一定要转发！
不转发，点赞也行！