【HTML 教程系列第 1 篇】HTML 是什么?常用的开发工具有哪些?

145 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第11天,点击查看活动详情

这是【HTML 教程系列第 1 篇】,如果觉得有用的话,欢迎关注专栏。

一:HTML 是什么

HTML,全称 “Hyper Text Markup Language(超文本标记语言)”,它是制作万维网页面的标准语言。

所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容。不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。

需要特别说明的是,HTML不是一门编程语言,而是一门描述性的标记语言。

二:HTML 要学习什么

学习 HTML,就是学习各种标签,即网页的“骨架”。

标签有文字标签、图像标签、音频标签、表单标签等等。因为 HTML 这门语言就是一门描述性语言,就是用标签来说话。

举个例子,如果你要在浏览器显示一段文字,你就用到 段落标签 p,如果你要在浏览器显示一张图片,就要用到 图像标签 img 。针对对象不同,使用的标签也不同。

学习 HTML 就是学习各种各样的标签,然后针对你想要显示的内容,来使用相应的标签,即在对的地方用对的标签。

三:HTML 文档的后缀名

  • html
  • htm

这两种写法是一样的,没有任何区别。

四:HTML 的开发工具有哪些

能写 HTML 代码的编辑器有很多种,至于哪个是最好用的 HTML 代码编辑器,每个人的观点不一样,这里我只举出我用过的几个,供君参考

(1) Sublime Text 3

编辑器截图

在这里插入图片描述

Sublime 的代码颜色是我最喜欢的,以至于我用其它编辑器,也要改成和它一样的颜色。

关于下载,你可以点击 Sublime 官网 ,下载目前最新的版本 3.2.1

如果你需要截图所示样式的 Sublime ,可以点击文末链接,加入后免费获取(版本也是3.2.1)

(2) Webstorm

编辑器截图

在这里插入图片描述

Webstorm 的代码智能提示以及自定义快捷键,颜色深得我喜欢。

关于如何下载请点击 WebStorm 2019.2.2 下载、安装教程

(3) Visual Studio Code

编辑器截图

在这里插入图片描述

Visual Studio Code 是微软开发的轻量级的编辑器,插件功能非常强大。

点击 Visual Studio Code 官网 ,下载最新版本 1.38

ok,关于 HTML 就简单说这些,更多相关知识请点击文末链接

你的问题得到解决了吗?欢迎在评论区留言。

赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。


结束语

技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。

最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。