HTML 课程

简介:你是否也有过这样的“烦恼”: * 对前端技术感兴趣不知道从何学起? * 想从事前端工作却没有基础? 想要成为一名合格的前端工作者,HTML与CSS是必不可少的技能,但是对于新手工程师来讲,这部分也是最难掌握的。 本门课程专为零基础学员设计,囊括了目前使用比较广泛的HTML+CSS基础知识,以知识点结合小案例的形式书写代码,学与练结合,帮助学员顺利入门。 课程从最基本的概念讲起,逐步深入,带你学习HTML(5)和CSS(3)样式基础知识,了解各种常用标签的意义以及基本用法,讲解CSS(3)样式代码添加,为后续更深入的学习打好基础。 通过本门课程的学习,你可以基本掌握前端必备的HTML+CSS样式基础知识,并可以利用这些知识实现静态页面。

解锁即可观看《前端工程师2022版》完整课程视频

前端工程师2022版

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

【第13周】ES6之Module模块与Babel编译

【第21-22周】Sass基础与Vue.js基础语法

【第23周】项目实战:Vue.js仿京东到家电商全栈项目前端开发(上)

【第24-25周】项目实战:Vue.js仿京东到家电商全栈项目前端(下)

【第28-29周】项目实战:node.js仿京东到家电商全栈项目后端开发

【第30周】TypeScript与React.js基础语法

  • 网站首页
  • PHP视频
  • PHP实战
  • PHP代码
  • PHP手册
  • 词条
  • 手记
  • 编程词典
  • php培训

php中文网:公益在线php培训,帮助PHP学习者快速成长! 增值电信业务经营许可证:苏B2-20210495

Copyright 2014-2022 https://www.php.cn/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

HTML 课程
关于我们免责申明赞助与捐赠

HTML是现在世界通用的超文本标记语言,通过它,可以实现图片、链接、音乐以及程序等等多种元素。现如今,HTML已经是程序员必须掌握的一项基本功。

如果您想要更快、更系统地学会HTML,您最好采用边学边练的学习模式:HTML微课

如果您觉得HTML的学习难度较高,不易理解,建议您采用视频教程进行学习:HTML视频课程

学完本教程之后,W3Cschool推荐您进行实战练习:HTML实战

HTML 课程

HTML发展史

HTML没有1.0,因为关于它的初版存在争议,1995年HTML 2.0面世,1997年由国际官方组织W3C推出了HTML 3.2以及HTML 4.0标准,后面W3C(万维网联盟)也渐渐变成Web技术领域的权威,经过漫长的演变,2014年,HTML 5标准最终面世。

  • HTML 2.0——1995年11月,RFC 1866发布
  • HTML 3.2——1997年1月14日,W3C发布推荐标准
  • HTML 4.0——1997年12月18日,W3C发布推荐标准
  • HTML 4.01——1999年12月24日,W3C发布推荐标准
  • HTML 5——2014年10月28日,W3C发布推荐标准

HTML结构

HTML的结构一般包括<head>标签和<body>标签,<head>和<body>这2个标记符分别表示网页的头部和正文。头部中可包含页面的标题、关键词、描述说明等内容,它本身不作为内容来显示,但影响网页显示的效果。<body></body>当中是网页实际显示的内容,正文标记符又被称为实体标记。页面当中通常包含有很多指向其他相关页面或其他节点的指针,通过点击,可以很方便地获取新的网页,这是HTML获得广泛推广运用最重要的原因之一,而由这些相互之间存在关联的页面组成的有机集合便是网站。

究竟HTML为什么会被普及?这就要归功于互联网的高速发展,对于编程语言的需求直线上升。而HTML5具有超集方式的简易性、运用广泛的可拓展性、灵活应变的平台适应性以及简单的通用性。凭借着这些特性,HTML越来越受到人们的喜爱。

HTML5编辑规范

  1. 文件拓展名默认使用htm或者html,便于操作系统或者程序辨认文件,而图片则基本上存为gif或jpg
  2. 浏览器默认忽视回车符,不过为了方便阅览,人们还是会习惯地在写完一段代码后进行回车
  3. 标记符号用尖括号括起来,带斜杠的元素表示该标记说明结束,大多数标记符必须成对使用,用以说明起始和结束。
  4. 必须使用半角而不是全角字符
  5. HTML注释<!--注释内容-->的内容不给予显示。

除了这本手册,你还可以参考

  • 《HTML验证》
  • 《HTML实例》
  • 《HTML测验》
  • 《HTML实战》
  • 《HTML参考手册》

开始学习HTML

接下来,你可以打开这本教程,先了解html的基本概念,然后一个一个地掌握HTML标签、HTML注释、HTML框架的用法,并且参考借鉴一些优秀的网站,通过浏览器的“查看源代码”功能来了解别人写的HTML代码结构。

HTML对于系统环境配置要求一点也不高,基本上,你只需要有一台电脑就够了。

HTML相关教程

  • 《HTML入门教程》

HTML视频课程

  • 《零基础入门Web开发[精品视频课]》

书籍推荐

  • Head First HTML与CSS(第2版)
  • HTML5+CSS3+JavaScript从入门到精通

HTML 课程

为了创建一个网站,你需要了解 HTML——一项用于定义网页结构的基本技术。HTML 用于标识你的网页内容是应该被解析为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素之一,亦或是你定义的新元素。

想要成为一名前端工程师?

我们汇总了一门课程,其中包含你实现成为前端工程师目标所需要的所有基本信息。

从这儿开始

须知

在开始这个主题的学习之前,你至少要基本熟悉使用电脑和被动地使用网络(即单纯地查看内容)。你应该设置好一个基础的工作环境,详细参照安装基础软件,并且理解如何新建和管理文件,详细参照文件处理——这两者都在 web 入门的零基础模块里。

在尝试学习这个主题之前,建议先完成 web 入门主题,不过这并不是必要的。HTML 基础里大多数的文章在 HTML 介绍中也有涉及,不过要详细得多。

在学习了 HTML 之后,你就可以继续学习其他进阶主题了,例如:

  • CSS,以及如何用它装饰 HTML (例如:更改你的文本字号和字体,添加边框和阴影,将你的页面设计成多栏布局,添加动画和其他视觉效果。)
  • JavaScript,以及如何用它为网页添加动态功能(例如:找到并在地图上绘制出你的地址,触发按钮时让 UI 元素显示或消失,将用户的数据本地储存在他们的电脑里等等。)

模块

这个主题由包含以下模块,建议从第一个开始,按顺序进行学习。

HTML 介绍

这一模块将为你铺路,帮你习惯一些重要的概念和语法,着眼于如何对文本应用 HTML,创造超链接,以及使用 HTML 构造一个网页。

多媒体和嵌入

这个模块带你探索如何使用 HTML 在你的网页里如何包含多媒体信息,例如用各种方法包含图片,以及嵌入视频、音频,甚至是嵌入其他完整的网页。

HTML 表格

在网页上用易于理解和无障碍的方式来表示表格数据是一项挑战。这个模块包括了基本的表格标记及更多复杂的特性,例如实现标题和总结。

解决常见的 HTML 问题

使用 HTML 解决常见问题提供了一系列在创建网页过程中可能遇到的常见问题的解决方案:处理标题,添加图片或视频,强调内容,创建一个基础表单等等。

参见

web 表单

本模块提供了一系列文章以助你掌握 web 表单的要领。web 表单是一种非常强大的用户交互工具--其最常见的应用是收集用户的数据,或允许他们控制用户界面。然而,由于历史和技术原因,想要充分发挥他们的潜能并不是一件易事。本模块将介绍 web 表单的所有基本要素,包括标记其 HTML 结构、表单控件的样式、验证表单数据以及向服务器提交数据。

MDN 上的 HTML(超文本标记语言)

MDN 上 HTML 相关参考文档的主入口,涵盖了详细的元素和属性参考——比如说如果你想知道一个元素有什么属性或者一个属性有什么值,此页面是一个查询它们的好地方。

HTML 教程- (HTML5 标准)

HTML 课程

超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

在本教程中,您将学习如何使用 HTML 来创建站点。

HTML 很容易学习!相信您能很快学会它!

本教程包含了数百个 HTML 实例。

使用本站的编辑器,您可以轻松实现在线修改 HTML,并查看实例运行结果。

注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。

实例

<!DOCTYPEhtml><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h2>我的第一个标题</h2> <p>我的第一个段落。</p></body></html>

尝试一下 »

点击 "尝试一下" 按钮查看在线实例


HTML文档的后缀名

  • .html
  • .htm

以上两种后缀名没有区别,都可以使用。

开始学习HTML!

在 HTML 手册中包含了数百个在线实例,您可以在线编辑并查看运行结果。

查看 HTML 实例!

在菜鸟教程中,我们提供了完整的 HTML 参考手册,其中包括标签、属性、颜色、实体等等。

HTML 参考手册

HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码,并实时查看效果,你也可以将优质代码保存分享:https://c.runoob.com/front-end/61