搜索
取消

搜索热词

云服务器
机器学习
小程序
Python
云数据库
云开发
运维
登录注册

目录

评价

推荐

HTML5 教程

380课时
1.5K学过
7分

1. HTML 教程

什么是HTML?

HTML 实例

HTML 标签

HTML 元素

Web 浏览器

HTML版本

<!DOCTYPE> 声明

通用声明

中文编码

HTML 编辑器推荐

VS Code

HTML 基础- HTML 标题

HTML 基础- HTML 段落

HTML 基础- HTML 链接

HTML 基础- HTML 图像

HTML 元素

HTML 元素语法

嵌套的 HTML 元素

不要忘记结束标签

HTML 空元素

HTML 提示：使用小写标签

HTML 属性

属性实例

HTML 属性常用引用属性值

HTML 提示：使用小写属性

HTML 属性参考手册

HTML 标题

HTML 标题-实例

标题很重要

HTML 水平线

HTML 注释

HTML 提示 - 如何查看源代码

更多实例

HTML 段落

不要忘记结束标签

HTML 折行

HTML 输出- 使用提醒

更多实例

HTML 文本格式化

HTML 格式化标签

更多实例

HTML 文本格式化标签

HTML "计算机输出" 标签

HTML 引文, 引用, 及标签定义

HTML 链接

HTML 链接-实例

HTML 超链接（链接）

HTML 链接语法

HTML 链接 - target 属性

HTML 链接- id 属性

基本的注意事项 - 有用的提示

更多实例

HTML 链接标签

HTML <head>

HTML <head> 元素

HTML <title> 元素

HTML <title> 元素-实例

HTML <base> 元素

HTML <link> 元素

HTML <style> 元素

HTML <meta> 元素

<meta> 标签- 使用实例

HTML <script> 元素

HTML head 元素

HTML 样式- CSS

如何使用CSS

内联样式

HTML样式实例 - 背景颜色

HTML 样式实例 - 字体, 字体颜色 ，字体大小

HTML 样式实例 - 文本对齐方式

内部样式表

外部样式表

HTML 样式标签

已弃用的标签和属性

HTML 图像

HTML 图像- 图像标签（ <img>）和源属性（Src）

HTML 图像- Alt属性

HTML 图像- 设置图像的高度与宽度

基本的注意事项 - 有用的提示

更多实例

HTML 图像标签

HTML 表格实例

HTML 表格

HTML 表格和边框属性

HTML 表格表头

更多实例

HTML 表格标签

HTML 列表

HTML无序列表

HTML 有序列表

HTML 自定义列表

注意事项 - 有用提示

更多实例

HTML 列表标签

HTML 区块

HTML 区块元素

HTML 内联元素

HTML <div> 元素

HTML <span> 元素

HTML 分组标签

HTML 布局

网站布局

HTML 布局 - 使用<div> 元素

HTML 布局 - 使用表格

HTML 布局 - 有用的提示

HTML 布局标签

HTML 表单和输入

HTML 表单

HTML 表单 - 文本域（Text Fields）

HTML 表单 - 密码字段

HTML 表单 - 单选按钮（Radio Buttons）

HTML 表单 - 复选框（Checkboxes）

HTML 表单 - 提交按钮(Submit Button)

更多实例

HTML 表单标签

HTML 框架

iframe - 设置高度与宽度

iframe - 移除边框

使用iframe来显示目标链接页面

HTML iframe 标签

HTML 颜色

1600万种不同颜色

灰暗色调

Web安全色?

HTML 颜色名

HTML 颜色值

HTML 脚本

HTML <script> 标签

HTML<noscript> 标签

JavaScript体验

HTML 脚本标签

HTML 字符实体

HTML 实体

不间断空格(Non-breaking Space)

结合音标符

HTML字符实体-实例

HTML 统一资源定位器(Uniform Resource Locators)

URL - 统一资源定位器

常见的 URL Scheme

URL 字符编码

URL 编码实例

HTML 速查列表-基本文档

HTML 速查列表-基本标签（Basic Tags）

HTML 速查列表-文本格式化（Formatting）

HTML 速查列表-链接（Links）

HTML 速查列表-图片（Images）

HTML 速查列表-样式/区块（Styles/Sections）

HTML 速查列表-无序列表

HTML 速查列表-有序列表

HTML 速查列表-定义列表

HTML 速查列表-表格（Tables）

HTML 速查列表-框架（Iframe）

HTML 速查列表-表单（Forms）

HTML 速查列表-实体（Entities）

HTML 总结

接下来该学习什么？

站点服务器

使用因特网服务提供商（ISP）

选择 ISP 时的注意事项

HTML - XHTML

为什么使用 XHTML?

XHTML 与 HTML 相比最重要的区别

<!DOCTYPE ....>是强制性的

XHTML 元素必须合理嵌套

XHTML 元素必须有关闭标签

空元素必须包含关闭标签

XHTML 元素必须是小写

属性名称必须是小写

属性值必须有引号

不允许属性简写

如何将 HTML 转换为 XHTML

2. HTML5

HTML5 简介

什么是 HTML5?

HTML5 是如何起步的？

HTML5 <!DOCTYPE>

最小的HTML5文档

HTML5 的改进

HTML5 多媒体

HTML5 应用

HTML5 图形

HTML5 使用 CSS3

语义元素

HTML5 表单

已移除元素

HTML5 浏览器支持

将 HTML5 元素定义为块元素

为 HTML 添加新元素

Internet Explorer 浏览器问题

完美的 Shiv 解决方案

HTML5 新元素

<canvas> 新元素

新多媒体元素

新表单元素

新的语义和结构元素

已移除的元素

HTML5 Canvas

什么是 canvas?

浏览器支持

创建一个画布（Canvas）

使用 JavaScript 来绘制图像

Canvas 坐标

Canvas - 路径

Canvas - 文本

Canvas - 渐变

Canvas - 图像

HTML <canvas> 标签

HTML5 内联 SVG

SVG优势

浏览器支持

把 SVG 直接嵌入 HTML 页面

SVG 与 Canvas两者间的区别

Canvas 与 SVG 的比较

HTML5 MathML

MathML 实例

HTML5 拖放（Drag 和 Drop）

浏览器支持

HTML5 拖放实例

设置元素为可拖放

拖动什么 - ondragstart 和 setData()

放到何处 - ondragover

进行放置 - ondrop

更多实例

HTML5 Geolocation（地理定位）

浏览器支持

HTML5 - 使用地理定位

处理错误和拒绝

在地图中显示结果

getCurrentPosition() 方法 - 返回数据

Geolocation 对象 - 其他有趣的方法

HTML5 Video(视频)

浏览器支持

HTML5 (视频)- 如何工作

视频格式与浏览器的支持

视频格式

HTML5 <video> - 使用 DOM 进行控制

HTML5 Video 标签

HTML5 Audio(音频)

浏览器支持

HTML5 Audio - 如何工作

音频格式及浏览器支持

音频格式的MIME类型

TML5 Audio 标签

HTML5 新的 Input 类型

Input 类型: color

Input 类型: date

Input 类型: datetime

Input 类型: datetime-local

Input 类型: email

Input 类型: month

Input 类型: number

Input 类型: range

Input 类型: search

Input 类型: tel

Input 类型: time

Input 类型: url

Input 类型: week

HTML5 <input> 标签

HTML5 新的表单元素

HTML5 <datalist> 元素

HTML5 <keygen> 元素

HTML5 <output> 元素

HTML5 新表单元素

HTML5 新的表单属性

<form> / <input> autocomplete 属性

<form> novalidate 属性

<input> autofocus 属性

<input> form 属性

<input> formaction 属性

<input> formenctype 属性

<input> formmethod 属性

<input> formnovalidate 属性

<input> formtarget 属性

<input> height 和 width 属性

<input> list 属性

<input> min 和 max 属性

<input> multiple 属性

<input> pattern 属性

<input> placeholder 属性

<input> required 属性

<input> step 属性

HTML5 <input> 标签

HTML5 语义元素

浏览器支持

HTML5中新的语义元素

HTML5 <section> 元素

HTML5 <article> 元素

HTML5 <nav> 元素

HTML5 <aside> 元素

HTML5 <header> 元素

HTML5 <footer> 元素

HTML5 <figure> 和 <figcaption> 元素

我们可以开始使用这些语义元素吗?

Internet Explorer 8 及更早IE版本中的问题

HTML5 Web 存储

浏览器支持

localStorage 和 sessionStorage

localStorage 对象

sessionStorage 对象

Web Storage 开发一个简单的网站列表程序

HTML5 Web SQL 数据库

核心方法

打开数据库

执行查询操作

插入数据

读取数据

删除记录

更新记录

HTML5 应用程序缓存

浏览器支持

HTML5 Cache Manifest 实例

Cache Manifest 基础

Manifest 文件

更新缓存

关于应用程序缓存的说明

HTML5 Web Workers

浏览器支持

HTML5 Web Workers 实例

检测浏览器是否支持 Web Worker

创建 web worker 文件

创建 Web Worker 对象

终止 Web Worker

完整的 Web Worker 实例代码

Web Workers 和 DOM

HTML5 服务器发送事件(Server-Sent Events)

浏览器支持

接收 Server-Sent 事件通知

检测 Server-Sent 事件支持

服务器端代码实例

EventSource 对象

HTML5 WebSocket

WebSocket 属性

WebSocket 事件

WebSocket 方法

WebSocket 实例

安装 pywebsocket

HTML(5) 代码规范

3. HTML 媒体

HTML 多媒体

浏览器支持

多媒体格式

视频格式

声音格式

HTML 插件

<object> 元素

<embed> 元素

HTML 音频(Audio)

使用插件

使用 <embed> 元素

使用 <object> 元素

使用 HTML5 <audio> 元素

最好的 HTML 解决方法

使用超链接

内联的声音说明

HTML 多媒体标签

HTML 视频（Video）

使用 <embed> 标签

使用 <object> 标签

使用 HTML5 <video> 元素

最好的 HTML 解决方法

使用超链接

关于内联视频的说明

HTML 多媒体标签

HTML 实例

4. HTML 参考手册

HTML 标签列表(字母排序)

HTML 标签列表（功能排序）

HTML 属性

HTML 事件

HTML 画布

HTML 音频/视频

HTML 元素和有效 DOCTYPES

HTML 颜色名

HTML 字符集

HTML ASCII

HTML ISO-8859-1

HTML 符号

HTML URL 编码

HTML 语言代码

HTTP 消息

HTTP 方法

键盘快捷键

菜鸟教程

版权说明：本课程已获课程制作者授权，如有侵权，请联系 DevLab@tencent.com 删除。

课程评价 (0)

请对课程作出评价：
0/300
发表评价

学员评价

暂无精选评价

相关云产品

相关课程推荐

HTML5 应用精讲
  • 51 课时
  • 27.7K 学过
  • 10 分
CSS3 应用精讲
  • 66 课时
  • 16K 学过
  • 9 分
jQuery Mobile 教程
  • 394 课时
  • 14K 学过
  • 8 分
ansible 教程
  • 497 课时
  • 9.7K 学过
  • 2 分
在线学习中心课程HTML5 教程
3分钟

网站布局

大多数网站会把内容安排到多个列中（就像杂志或报纸那样）。

大多数网站可以使用 <div> 或者 <table> 元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。

虽然我们可以使用HTML table标签来设计出漂亮的布局，但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。

上一节: HTML 布局下一节: HTML 布局 - 使用<div> 元素

Copyright © 2013-2025 Tencent Cloud.All Rights Reserved. 腾讯云 版权所有

直播支持申请