什么是 HTML？
HTML 代表 Hyper Text Markup Language
HTML 是网页的标准标记语言
HTML 元素是 HTML 页面构建的基础
HTML 元素由<> 标记表示
HTML 元素
HTML 元素是带有内容的开始标记和结束标记
<h1>这是一个标题</h1>
| 开始标记 | 元素内容 | 结束标记 |
|---|---|---|
| <h1> | 这是一个标题 | </h1> |
| <p> | 这是一段文字。 | </p> |
HTML 属性
- HTML 元素可以具有属性
- 属性提供有关元素的附加信息
- 属性以名称/值对形式出现，例如 charset="utf-8"
一个简单的 HTML 文档
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>页面标题</title>
<body>
<h1>这是一个标题</h1>
<p>这是一段文字。</p>
<p>这是另一段文字。</p>
</body>
</html>
示例解释
HTML 元素是 HTML 页面构建的基础。
- The
<!DOCTYPE html>声明定义了此文档为 HTML5 - The
<html>元素是 HTML 页面的根元素 - The
lang属性定义了文档的语言 - The
<meta>元素包含有关文档的元信息 - The
charset属性定义了文档中使用的字符集 - The
<title>元素指定了文档的标题 - The
<body>元素包含可见的页面内容 - The
<h1>元素定义了一个大标题 - The
<p>元素定义了一段文字
HTML 文档
所有 HTML 文档都必须以文档类型声明开头：<!DOCTYPE html>。
HTML 文档本身以 <html> 开头，以 </html> 结尾。
HTML 文档的可见部分位于 <body> 和 </body> 之间。
HTML 文档结构
下面是 HTML 文档（HTML 页面）的可视化
注意：只有 <body> 部分（上面的白色区域）内的内容才会在浏览器中显示。
HTML 标题
HTML 标题由 <h1> 到 <h6> 标记定义。
<h1> 定义最重要的标题。 <h6> 定义最不重要的标题：
HTML 段落
HTML 段落由 <p> 标记定义
HTML 链接
HTML 链接由 <a> 标记定义
链接的目标在 href 属性中指定。
HTML 图片
HTML 图片由 <img> 标记定义。
源文件 (src)、替代文本 (alt)、width 和 height 作为属性提供
HTML 按钮
HTML 按钮由 <button> 标记定义
HTML 列表
HTML 列表由 <ul>（无序/项目符号列表）或 <ol>（有序/编号列表）标记定义，后跟 <li> 标记（列表项）
HTML 表格
HTML 表格由 <table> 标记定义。
表格行由 <tr> 标记定义。
表格标题由 <th> 标记定义。（默认情况下为粗体和居中）。
表格单元格（数据）由 <td> 标记定义。
示例
<table>
<tr>
<th>名字</th>
<th>姓氏</th>
<th>年龄</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>夏娃</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
自己试试 » 使用 CSS »HTML 编程
每个 HTML 元素都可以具有属性。
对于网页开发和编程，最重要的属性是id 和 class。这些属性通常用于解决基于程序的网页操作。
| 属性 | 示例 |
|---|---|
| id | <table id="table01" |
| class | <p class="normal"> |
| style | <p style="font-size:16px"> |
| data- | <div data-id="500"> |
| onclick | <input onclick="myFunction()"> |
| onmouseover | <a onmouseover="this.setAttribute('style','color:red')"> |
完整 HTML 教程
这是一个关于 HTML 的简短描述。
有关完整的 HTML 教程，请访问 W3Schools HTML 教程。
有关完整的 HTML 标记参考，请访问 W3Schools 标记参考。
