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

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

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


结束语

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

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

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

  1. 【HTML 教程系列第 11 篇】HTML 中常用的文本格式化标签

    这是[HTML 教程系列第 11 篇],如果觉得有用的话,欢迎关注专栏. 在网页中,有时需要为文字设置粗体.斜体.下划线或上下标等效果,这时就需要用到 HTML 中的文本格式化标签(也叫文本标签),常 ...

  2. 【Android 教程系列第 31 篇】通过 adb install 命令安装 apk 时提示 signatures do not match previously installed version

    这是[Android 教程系列第 31 篇],如果觉得有用的话,欢迎关注专栏. 遇到的一个小问题,做下记录. 一:问题描述 在使用 adb install 命令安装 apk 时,提示的内容如下 主要提 ...

  3. 【Android 教程系列第 23 篇】 java 方法之间怎么添加分割线

    这是[Android 教程系列第 23 篇],如果觉得有用的话,欢迎关注专栏. 先来看一下添加前和添加后的对比情况,如下两图所示 一:添加前效果 二:添加后效果 可以看到在方法之间添加了分割线后,看起 ...

  4. 【C# 教程系列第 11 篇】什么是抽象类、抽象方法

    这是[C# 教程系列第 11 篇],如果觉得有用的话,欢迎关注专栏. 文章目录 一:什么是抽象类.抽象方法 二:抽象类的特性 1:抽象类不能实例化 2:抽象类可以包含抽象方法和抽象访问器 3:不能用 ...

  5. 【Mac 教程系列第 15 篇】如何查看 Mac 产品的序列号

    这是[Mac 教程系列第 15 篇],如果觉得有用的话,欢迎关注专栏. 点击左上角的 logo 标志,选择关于本机,然后会弹出如下界面 你的问题得到解决了吗?欢迎在评论区留言. 赠人玫瑰,手有余香,如 ...

  6. 【Mac 教程系列第 10 篇】如何在 Mac 上破解带有密码的 ZIP 压缩文件

    这是[Mac 教程系列第 10 篇],如果觉得有用的话,欢迎关注专栏. 我们知道如果是一般的压缩文件,可以用系统自带的或者很好用的压缩工具 Keka 来解压,但如果要解压的压缩文件设置了密码,这个时候 ...

  7. 【Mac 教程系列第 14 篇】如何设置 Mac 允许从任意来源下载 App

    这是[Mac 教程系列第 14 篇],如果觉得有用的话,欢迎关注专栏. 本机系统版本 macOS Catalina 10.15.7 一:问题描述 在 系统偏好设置 - 安全性与隐私 中,"通 ...

  8. 【IDEA 教程系列第 3 篇】idea 设置代码提示不区分大小写

    这是[IDEA 教程系列第 3 篇],如果觉得有用的话,欢迎关注专栏. IDEA 默认情况代码提示是区分大小写的,比如如果你输入的是 string ,代码提示中并没有 String .那怎么设置代码提 ...

  9. 【Excel 教程系列第 6 篇】制作斜线表头

    这是[Excel 教程系列第 6 篇],如果觉得有用的话,欢迎关注专栏. 如果"姓名月份"同时出现在一个单元格里,看着既不美观,也不直观,如下图所示: 那么如何做到既美观又直观呢? ...

  10. 【Android 教程系列第 27 篇】如何使用 Keytool 工具生成 keystore 签名文件

    这是[Android 教程系列第 27 篇],如果觉得有用的话,欢迎关注专栏. 文章目录 一:Keytool 是什么? 二:Keytool 需要安装吗? 三:Keytool 密钥的存储形式 四:Key ...

最新文章

  1. OSPF身份验证配置实例
  2. C#请求Post接口
  3. 文件上传linux服务器,Linux 文件上传Linux服务器
  4. 【报告分享】2020中国后浪生存图鉴.pdf(附下载链接)
  5. 如何将网页实现变灰效果?
  6. Xtreme Report为windows开发者提供一个完善的类似于Outlook 2003报表的风格
  7. 技术人成长路径之我见
  8. python算法精解pdf_算法详解(卷1)算法基础 PDF 完整高清版
  9. 【第14章】恶意代码防范技术原理@信息安全工程师 软考笔记
  10. 计算机配置显示器,电脑怎么配置多台显示器
  11. 【通信仿真】基于matlab STAP全自由度空时自适应处理【含Matlab源码 1956期】
  12. 培养学生计算机绘画水平,谈电脑绘画对高校绘画教学的作用
  13. 在這個神奇的國度找個正常點兒的DNS都很困難
  14. 【JS】每日一题:模块化
  15. Cisco:CCNA专业英文词汇(1)
  16. MATLAB操作学习---起式
  17. 如何生成26个英文字母
  18. flowable exception during resetting expired jobs: Could not open JDBC Connection for transaction
  19. 操盘手曝光神秘庄家下单要诀
  20. Excel 检测离群值 Outlier,极端值判断教学

热门文章

  1. python手机号码用*代替_python随机生成有效手机号码
  2. 基于UDP的用于视频应用的几个协议
  3. 微信公众号授权与java结合
  4. Android ffmpeg 使用命令视频转码
  5. 计算机屏幕灯,玩电脑必须要有的神器——屏幕挂灯
  6. IDEA开发中实用插件之一翻译插件Translation
  7. 2019信用卡新规定,可能影响你一整年!
  8. 网上为什么这么多人质疑和抹黑小罐茶暖莘茶呢?是因为不好吗?
  9. 扫描发送找不到计算机,win7系统找不到扫描仪怎么办 win7系统找不到扫描仪解决方法...
  10. C语言学习笔记-----scanf【通过键盘将数据输入到变量中】(两种用法)