HTML 教程
使用 HTML “尝试自己” 轻松学习
通过我们的“尝试自己”编辑器，您可以编辑 HTML 代码并查看结果
示例
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
自己动手试一试 »
单击“Try it Yourself”按钮查看其工作原理。
HTML 示例
在本 HTML 教程中，您会找到 200 多个示例。通过我们的在线“尝试自己”编辑器，您可以自己编辑和测试每个示例！
HTML 练习
本教程的许多章节最后都有一个练习，您可以在其中检查知识水平。
HTML 测验测试
通过我们的 HTML 测验测试您的 HTML 技能！
<> #img_mylearning { max-width:100%; }
我的学习
在 W3Schools 使用免费的“我的学习”计划来跟踪你的进度。
登录你的账户，开始赚取积分！
这是一个可选功能。你可以在 W3Schools 学习，而无需使用“我的学习”。
HTML 参考
在 W3Schools，您会找到关于 HTML 元素、属性、事件、颜色名称、实体、字符集、URL 编码、语言代码、HTTP 消息、浏览器支持等的完整参考。
<> #w3_cert_badge { position: absolute; right: 5%; width: 220px; transform: rotate(10deg); bottom: -20%; } #w3_cert_arrow { position: absolute; right: 220px; width: 220px; transform: rotate(10deg); bottom: 0; z-index: 1; } #getdiploma { position: relative; padding: 0 60px 50px 60px; margin-bottom: 125px; border-radius: 16px; background-color: #282A35; color: #FFC0C7; font-family: 'Source Sans Pro'sans-serif; } #getdiploma h2 { font-size:50px; margin-top: 1em; margin-bottom: 1em; font-family: 'Source Sans Pro'sans-serif } #getdiploma p { font-size: 42px; margin-top: 1em; margin-bottom: 1em; font-family: 'Source Sans Pro'sans-serif } #getdiploma a { border-radius: 50px; mxargin-top: 50px; font-size: 18px; background-color: #04AA6D; padding: 17px 55px } #getdiploma a:hover, #getdiploma a:active { background-color: #059862 !important; } @media screen and (max-width: 1442px) { #w3_cert_arrow { right: 212px; bottom: -15px; } } @media screen and (max-width: 1202px) { #w3_cert_arrow { display: none; } } @media screen and (max-width: 992px) { #w3_cert_arrow { display: block; } } @media screen and (max-width: 800px) { #w3_cert_arrow { display: none; } #getdiploma h2 { font-size: 44px; } #getdiploma p { font-size: 30px; } #getdiploma a { width: 100%; } #w3_cert_badge { top: -16px; right: -8px; width: 100px; } #getdiploma { margin-bottom: 55px; } }
视频：HTML 入门
