什么是 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 页面的构建块。
- <!DOCTYPE html> 声明将此文档定义为 HTML5
<html>
元素是HTML页面的根元素lang
属性定义了文档的语言- <meta> 元素包含关于文档的元信息
charset
属性定义了文档中使用的字符集- <title> 元素为文档指定一个标题
- <body> 元素包含可见的页面内容
<h1>
元素定义一个大标题<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>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
自己动手 » 使用 CSS »编程 HTML
每个 HTML 元素都可以有属性。
对于 Web 开发和编程,最重要的属性是id 和 class。这些属性通常用于处理基于程序的网页操作。
Attribute | 示例 |
---|---|
id | <table id="table01" |
类别 | <p class="normal"> |
样式 | <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 标签参考。