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

article/2025/10/2 19:23:07

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

文章目录

      • 一:HTML 是什么
      • 二:HTML 要学习什么
      • 三:HTML 文档的后缀名
      • 四:HTML 的开发工具有哪些

一: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 就简单说这些,更多相关知识请点击文末链接

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

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


结束语

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

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

http://chatgpt.dhexx.cn/article/If0t4F2v.shtml

相关文章

WebStorm中文HTML编辑开发工具

WebStorm中文是一款功能强大的网页编程工具,功能非常强大,HTML5/JavaScript Web前端开发工具用户可以利用软件实现在线编程,为你提供最为专业的开发服务,让你的工作学习事半功倍被广大中国JS开发者誉为“Web前端开发神器”、“最强…

用于编写HTML代码的常见工具

1、记事本(不推荐) 特点:记事本编写页面代码不适合初学者使用,因为无代码提示、无代码高亮显示、用户界面不友好; 使用步骤: 首先任选一个位置新建一个记事本 打开记事本,写上代码并保存 将文件…

HTML标签及网页开发工具的使用(VSCode)

一、HTML语法规范 1.1所有的标签都应该包括在<>里面&#xff0c;如<html>或</html>等&#xff0c;大部分的标签都是成对出现的&#xff0c;<>里没/的为开始标签&#xff0c;<>里有/的为结束标签&#xff0c;因为这些标签是成对出现的&#xff0c…

【HTML】前端网页开发工具Vscode中DOCTYPE和lang以及字符集的作用

&#x1f60a;博主页面&#xff1a;鱿年年的学习之路 &#x1f449;博主推荐专栏&#xff1a;《前端基础学习》&#x1f448; ​&#x1f493;博主格言&#xff1a;追风赶月莫停留&#xff0c;平芜尽处是春山❤️ 目录 前言 Vscode工具生成骨架标签新增代码 一、<!DOCT…

HTML(一):开发工具

1.1、开发工具 目前前端开发工具繁多&#xff0c;例如Dreamweaver、Sublime、Hbuilder、Vscide等等。对于新手开发来说&#xff0c;我比较推荐使用HBuilder。 1.2、使用HBuilder 我们在开发的时候&#xff0c;都需要新建一个HTML页面&#xff0c;我都在页面中编写代码。 HBu…

Html5开发工具介绍

14款主流HTML5开发工具 http://sanwen8.cn/p/273vS6p.html HTML5被看做是web开发者创建流行web应用的利器&#xff0c;增加了对视频和Canvas 2D的支持。HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来&#xff0c;如Adobe的Flash和微软的Silverlight&#xff0c;HTML…

HTML(四)——HTML标签(三)——开发工具插件安装

目录 开发工具 VScode的使用 VScode工具生成骨架标签新增代码 4.3.1 文档类型声明标签 4.3.2 lang语言种类 4.3.3 字符集 总结 VSCode插件安装 安装方法 推荐插件 代码实现 实现结果 开发工具 VScode的使用 双击打开软件新建文件&#xff08;ctrlN&#xff09;保…

HTML简介与开发工具推荐[初学HTML](一)

HTML简介 HTML&#xff08; Hyper Text Markup Language&#xff09;&#xff0c;即超文本标记语言。 1. 基础结构 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible"…

HTML的怎么使用,开发工具以及常用标签。

HTML的怎么使用&#xff0c;开发工具以及常用标签。 欢迎大家去博客冰山一树Sankey&#xff0c;浏览效果更好。直接右上角搜索该文字标题即可 CSDN主页&#xff1a;CSDN主页-冰山一树Sankey 博客园主页&#xff1a;博客园主页-冰山一树Sankey 前端学习&#xff1a;学习地址&…

html - 1.开发工具

HTML简介 HTML(Hyper Text Markup Language)超文本标记语言&#xff0c;是一种标记语言。它包括一系列标签&#xff0e;通过这些标签可以将网络上的文档格式统一&#xff0c;使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本&#xff0c;HTML命令…

HTML的开发工具

主要是Visual Studio Codehttps://download.zol.com.cn/tuiguang/detail/48/470292.shtml?qw &#xff08;这个是下载地址&#xff09; https://www.jb51.net/softjc/733119.html&#xff08;这个是设置为中文&#xff09;

HTML学习(四):开发工具(编辑器)

一、Dreamweaver Adobe Dreamweaver&#xff0c;简称“DW”&#xff0c;中文名称 "梦想编织者"。最初为美国Macromedia公司开发 &#xff0c;2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。 官方地址&#xff1a; Dreammwea…

常用HTML5开发工具有哪些?

常用HTML5开发工具有哪些&#xff1f; 在开发前端页面时&#xff0c;为了快速、高效地完成任务&#xff0c;通常会使用一些具有代码高亮显示、语法提示等便捷功能的HTML5开发工具。常见的HTML5开发工具有Sublime、Visual Studio Code、webstorm、Dreamweaver、Hbuilder等&…

linux刷新fstab,linux之fstab的一次记录

上次遇到一个问题 &#xff1a; 一台服务器用的是iSCSI存储 但是在重启的时候 fstab的挂载在网卡启动之前 启动的时候挂载不上 服务器就卡在那边了 启动不了 所以有了这次的深入fstab的学习 位置 : /etc/fstab 实例&#xff1a;fs_spec fs_file fs_type fs_options fs_dump…

AOSP ~ fstab 文件详细说明

fstab这个文件描述系统中各种文件系统的信息&#xff0c;应用程序读取这个文件&#xff0c;然后根据其内容进行自动挂载的工作。因此&#xff0c;我们需要理解其中的内容&#xff0c;了解它如何与 mount命令配合工作&#xff0c;并能够针对自己的情况进行修改。 作为系统配置文…

fstab开机挂载

1、fstab开机挂载 &#xff08;1&#xff09;/etc/fstab 文件包含了如下字段&#xff0c;通过空格或 Tab 分隔&#xff1a; <file system> <mount point> <type> <options> <dump> <pass> 说明如下&#xff1a; <file systems…

linux fstab 参数,Linux fstab参数详解

Linux fstab中存放了和分区有关的重要信息&#xff0c;其中每一行为一个分区记录&#xff0c;每一行又可分为六个 部份&#xff0c;下面以/dev/hda7 / ext2 defaults 1 1为例逐个说明&#xff1a; fstab中存放了和分区有关的重要信息&#xff0c;其中每一行为一个分区记录&…

Linux 中的 文件系统表Fstab 是什么?

文章目录 什么是 fstab&#xff1f;/etc/fstab 文件的结构1.文件系统2. 挂载点3.文件系统类型4. 安装选项5. 转储6.通过 修复与 Fstab 文件相关的启动问题什么是 Mtab 文件&#xff1f; 在本指南中&#xff0c;我们将了解 Linux 中的fstab是什么&#xff0c;文件的用途是什么&a…

[Linux 基础] -- Linux 之 fstab 文件详解

前言 /etc/fstab 是用来存放文件系统的静态信息的文件。位于 /etc/ 目录下&#xff0c;可以用命令 less /etc/fstab 来查看&#xff0c;如果要修改的话&#xff0c;则用命令 vim /etc/fstab 来修改。 当系统启动的时候&#xff0c;系统会自动地从这个文件读取信息&#xff0c;并…

为什么要搭建独立的图片服务器

导读&#xff1a;最近&#xff0c;很少写博客了哈&#xff0c;呃&#xff0c;其实&#xff0c;我是个懒人。说说我写这个图片服务器的前因后果吧&#xff0c;我本来是不想写的&#xff0c;因为自己的水平在那儿了&#xff0c;写也写不明白&#xff0c;何必献丑呢&#xff1f;&a…