• 慕课网首页
  • 免费课
  • 实战课
  • 体系课
  • 发现
    评价 教程 专栏 手记
  • 商业合作
    企业服务 讲师入驻
搜索

热搜

最近搜索 清空

我的购物车

已加入门课程

购物车里空空如也

快去这里选购你中意的课程

实战课

体系课

我的订单中心
去购物车
  • 登录 / 注册
  • 新人专属0元礼包 | 查看
抱歉,未找到你想要查询的结果
全部开发者教程

HTML 入门教程

HTML 介绍
HTML 介绍 HTML 与 CSS 的关系 HTML 基本语法 HTML 基本结构 认识 title 标签 HTML 注释
HTML 标签
段落标签 P 自定义文本 span 标题 hx 自定义内容 div 换行标签 br 水平线标签 hr 无序列表标签 ul 有序列表标签 ol 图片标签 img 超链接标签 a 表格标签 table 输入框 input 标签包裹输入框 label 文本域标签 textarea 下拉菜单 select option 表单标签 form
  • 前端开发

    JavaScript

    JavaScript 入门教程

    本教程带你从初级到高级全面掌握 Javascript 的使用方法

    TypeScript 入门教程

    这是一个很好的简单课程,只需2小时你就可以学习TypeScript基础知识。

    Vue 入门教程

    本教程带您从零开始学习 Vue 框架的使用,让您轻松应对 Vue 项目的开发。

    Ajax 入门教程

    本教程涵盖Ajax的实现原理,及Ajax封装,最后是框架实现方法。

    ES6-10 入门教程

    对比 ES5 进行学习 ES6+,理解 ES6+ 语法背后的思想

    Yarn 入门教程

    Yarn得相关基础知识和高级进阶

    ECharts 入门教程

    从零开始学习 ECharts ,掌握 ECharts 核心内容

    HTML & CSS

    CSS3 入门教程

    本课程从盒模型、文字、颜色、过渡、动画、布局、伪类等方面介绍 CSS3 的使用。

    雪碧图入门教程

    本文详细介绍了雪碧图的由来历史以及各种使用方式

    移动端布局教程

    由于移动互联网的兴起,移动端项目占据了很大一部分比重,本章将详细讲解几种常见布局

    Html5 入门教程

    最新一代的HTML标准,增加了许多实用的特性

    Sass 入门教程

    前端项目中 Sass 的快速入门教程

    HTML 入门教程

    从零讲解 HTML,掌握基础 HTML 知识内容

    canvas 入门教程

    本教程带你从初级到高级全面掌握canvas的使用方法

    uni-app 入门教程

    从零开始学习 uni-app 框架,轻松上手应用开发

  • 服务端相关

    服务器

    Nginx 入门教程

    本教程使您掌握 Nginx 安装、配置、核心模块的详解、实际使用的能力。

    HTTP 入门教程

    从协议原理开始到 Web 服务器以及 Web 安全一网打尽

    Docker 入门教程

    从 Docker 的基础概念开始,从实际问题入手带你学习 Docker

    Shell 入门教程

    本教程由浅入深,系统性的讲解Linux Shell脚本编程。

    Linux 入门教程

    本教程从安装 Linux 开始,囊括 Linux 基础命令操作以及进阶系统管理

    开发工具

    Gradle 入门教程

    本教程使您掌握实际使用gradle进行项目构建、测试、打包、发布的能力。

    Vim 编辑器教程

    课程主要讲解Vim的安装配置,四种模式、基本操作,以及包管理工具和寄存器等内容。

    RESTful 规范教程

    本教程从什么是 REST 开始带你领略 Web 开发中无处不在的规范

    Dreamweaver 教程

    DW 是一款同时具有网页制作和网页管理功能的网站开发工具,可以快速进行网站建设

    Markdown 入门教程

    本课程涵盖 Markdown 的基本及扩展语法。

    Maven 入门教程

    从最基础的安装 Maven 开始到 Maven 在开发中的实际应用

    Eclipse 编辑器教程

    本教程从Eclipse安装开始带你轻松掌握Eclipse常用开发技巧

    GitHub 入门教程

    本教程带你轻松掌握最实用的 GitHub 知识

    Android Studio 编辑器教程

    Android Studio 编程技巧一网打尽

    PyCharm 编辑器教程

    工作经常用到的 PyCharm 编辑器使用技巧一网打尽

    Sublime Text 使用教程

    花里胡哨展示sublime编辑器的各种功能

    Postman 教程

    Postman 由Google 开发用来做接口请求测试,前后端开发人员都可以使用

    Git入门教程

    从入门到精通。

    热门服务端语言

    C 语言入门教程

    本教程从语法基础、进阶知识等各方面详解 C 语言。

    Go 入门教程

    本教程从 Go 语言的基本语法掌握到进阶编程实践

    Kotlin 教程

    从 Kotlin 的基础语法到高级特性一网打尽

    Ruby 入门教程

    本教程从 Ruby 的各种对象开始学习到 Ruby 的实际使用

    ThinkPHP 入门教程

    本教程主要讲解 ThinkPHP 框架如何上手开发应用

  • Java

    基础应用

    Java 入门教程

    深入浅出讲解 Java 语言基础知识,带你入门 Java 语言

    Android 入门教程

    为你解析最实用的 Android 技术,让你平滑上手,顺利进阶,为开发保驾护航

    算法入门教程

    分析讲解常见算法的思想及使用

    数据结构入门教程

    通俗易懂的带你了解 Java 数据结构

    Lambda 表达式教程

    本教程展现了Lambda表达式的基础语法以及在程序中的应用

    Java 并发原理入门教程

    本教程为Java并发原理入门教程,在Java程序开发中占据着举足轻重的地位

    设计模式入门教程

    带你分析最常见的九个设计模式

    Java并发工具

    本课程简洁明了展示最基本的并发工具类相关概念及应用方法。

    JVM 入门教程

    JVM 入门教程,对JVM结构进行分模块讲解,简单易懂。

    RabbitMQ 入门教程

    超系统的RabbitMQ基础知识课程,你还在等什么?

    网络编程入门教程

    Java 网络编程核心要点详解

    后端通用面试教程

    带你系统梳理后端高频面试题,轻松丰富你的校招&社招阶段

    框架应用

    Spring Boot 入门教程

    循序渐进讲解 Spring Boot 企业级应用开发

    Spring 入门教程

    通俗易懂 渐进式讲解 Spring 企业级开发应用

    Hibernate 入门教程

    由浅入深讲解 Hibernate 企业级 JDBC 应用框架

    MyBatis 入门教程

    本教程整理出“百分之二十”的知识,帮你办到“百分之八十”事情

    Spring MVC 入门教程

    通俗易懂讲解 Spring MVC 框架应用

    Swagger 入门教程

    本课程以图文并茂的方式带你学习 Swagger 核心知识和应用剖析

    Zookeeper 入门教程

    由浅入深的 学习 ZooKeeper 的基本使用以及高级使用

    Netty 教程

    由浅入深的讲解 Netty 的核心知识体系,快速上手使用和理解 Netty

    Spring Security

    本课程涵盖了 Spring Security 框架的基本原理和集成方法

    微服务

    Spring Cloud Hystrix

    系统介绍 Hystrix 支持特性与实际应用场景实战

  • Python

    基础应用

    Python 入门语法教程

    本教程带你从 Python 的基础语法开始学习 Python。

    Python 原生爬虫教程

    本教程从爬虫基础知识到进阶技巧到实际应用。

    Python 进阶应用教程

    本教程涵盖 Python 的面向对象、标准库解析、异常处理直至最后的领域应用

    Python 算法入门教程

    用 Python 代码实现常用算法并汲取算法核心思想。

    进阶方向应用

    Django 入门教程

    从 Web 基础到 Django 框架的实际开发应用

    Flask 框架教程

    Flask 框架快速入门实现一个 TodoList 功能

    NumPy 入门教程

    本教程从基础的数据类型开始到 NumPy 的高级应用一网打尽

    Scrapy 入门教程

    从爬虫基础开始到使用 Scrapy 框架抓取各大网站数据

    TensorFlow 入门教程

    通过本教程对 TensorFlow 框架快速入门

    Python 办公自动化教程

    本教程带你使用Python快速操作Excel、Word、PPT,处理各种文件

    Pandas 入门教程

    本教程从基础的数据类型开始到 Pandas 的高级应用一-网打尽

  • 数据库

    MySQL

    MySQL 入门教程

    本教程主要讲解 MySQL 增删改查等基础操作

    SQL 入门教程

    本教程讲解使用 SQL 访问和处理数据系统中的数据的方法。

    MySQL 进阶教程

    那些你还不理解的 MySQL 高阶特性一网打尽

首页 慕课教程 HTML 入门教程 HTML 入门教程 HTML 介绍
五月的夏天 · 更新于 2025-06-10

HTML 与 CSS 的关系

下一节

HTML 介绍

各位慕课网的小伙伴们,大家好,从今天开始,我们一起来学习 HTML。如果我们要编写网页,那么我们肯定离不开 HTML教程。HTML 组成了每个网页的基本结构,不管是我们的企业门户网站,还是例如淘宝,京东这种复杂的电商网站,要完成网页的搭建,第一步都是 HTML ,那么 HTML 到底是什么呢?让我们一起探索吧。

HTML

1. 什么是 HTML

HTML 称为超文本标记语言,是一种标识性的语言。它包括一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的 Internet 资源连接为一个逻辑整体。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

2. HTML 的由来

HTML 的英文全称是 Hyper Text Marked Language,即超文本标记语言。

HTML 是由 Web 的发明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于 1990 年创立的一种标记语言,它是标准通用化标记语言 SGML 的应用。

用 HTML 编写的超文本文档称为 HTML 文档,它能独立于各种操作系统平台(如 UNIX, Windows 等)。使用 HTML 语言,将所需要表达的信息按某种规则写成 HTML 文件,通过专用的浏览器来识别,并将这些 HTML 文件“翻译”成可以识别的信息,即现在所见到的网页。

3. 与普通文本的区别

普通文本文件,例如后缀名为 .txt 的文件,只能插入文字,段落等,而 HTML 文件,后缀名为 .html 的文件,既可以插入文字,段落,也可以插入表格,图片,链接,音频,视频等众多资源。

HTML 文件中,我们可以通过 HTML 标签,来实现不同的结构排列。而大部分 HTML 标签都有特定的样式和意义,所以,我们可以用这些标签自由组合,来完成网页的基本结构。

4. HTML 的标准

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。

网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。

浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。

提示:但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

HTML 现在最新标准为第五代标准,又简称为 HTML5 。HTML 在 Web 迅猛发展的过程中起着重要作用,有着重要的地位。但随着网络应用的深入,特别是电子商务的应用,HTML 过于简单的缺陷很快凸现出来。HTML 不允许应用程序开发者为具体的应用环境定义自定义的标记。HTML 只能用于信息显示。 HTML 可以设置文本和图片显示方式,但没有语义结构,即 HTML 显示数据是按照布局而非语义的。

随着网络应用的发展,各行业对信息有着不同的需求,这些不同类型的信息未必都是以网页的形式显示出来。例如,当通过搜索引擎进行数据搜索时,按照语义而非按照布局来显示数据会具有更多的优点。

5. HTML 的特点

  1. 简易性: 超级文本标记语言版本升级采用超集方式,从而更加灵活方便;
  2. 可扩展性: 超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,它采取子类元素的方式,为系统扩展带来保证;
  3. 平台无关性: 虽然个人计算机大行其道,但使用 MAC 等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因;
  4. 通用性: 另外,HTML 是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,无论使用的是什么类型的电脑或浏览器,这些页面可以被网上任何其他人浏览到。

6. HTML 的应用

如果我们需要编写网页,那么 HTML 为我们提供的标签,就成为了网页的结构。总结起来就是,HTML 为网页提供了基本结构。所以我们要编写网页,HTML 就成为了我们的第一课。

7. 课程设计

由于咱们这门课程是面向基础人群,从零开始进入到 HTML 的学习中。所以我们在课程设计上:

  1. 首先我们会介绍一下 HTML,去了解HTML的一些基本概念、结构格式以及基本语法等内容;
  2. 其次我们将会从结构上认识各个关键的标签,对他们进行讲解;
  3. 最后我们将对 HTML 中主要标签的介绍和使用做一一讲解;

为了保证大家能够尽快的了解各个标签,我们将在每一个小节中的 “真实案例分享”环节把该标签的 真实场景 列举出来,方便大家参照。

8. 学习基础

本课程适用于对于前端没有基础,想要了解学习前端 HTML 知识内容的同学们。

  • 划线
  • 写笔记
  • 复制

0/1000

 

下一节

HTML 与 CSS 的关系

我要提出意见反馈
· 最近更新于 请填写更新时间
使用手机查看
最近更新
向你推荐
更多
索引目录
HTML 介绍
1. 什么是 HTML
2. HTML 的由来
3. 与普通文本的区别
4. HTML 的标准
5. HTML 的特点
6. HTML 的应用
7. 课程设计
8. 学习基础
意见反馈 收藏教程 标记书签
使用 Ctrl+D 可将网站添加到书签
  • 企业服务
  • 网站地图
  • 网站首页
  • 关于我们
  • 联系我们
  • 讲师招募
  • 帮助中心
  • 意见反馈
  • 代码托管

Copyright© 2025 imooc.com All Rights Reserved | 京ICP备12003892号-11 京公网安备11010802030151号

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

返回顶部