HTML 基础示例
本章将展示一些基本的 HTML 示例。
不必担心我们使用你尚未学到的标签。
HTML 文档
所有 HTML 文档都必须以文档类型声明开头:<!DOCTYPE html>
。
HTML 文档本身以 <html>
开始,以 </html>
结束。
HTML 文档的可见部分位于 <body>
和 </body>
之间。
The <!DOCTYPE> Declaration
The <!DOCTYPE>
declaration represents the document type, and helps browsers to display web pages correctly.
It must only appear once, at the top of the page (before any HTML tags).
The <!DOCTYPE>
declaration is not case sensitive.
The <!DOCTYPE>
declaration for HTML5 is
<!DOCTYPE html>
HTML 标题
HTML 标题使用 <h1>
到 <h6>
标签定义。
<h1>
定义最重要的标题。 <h6>
定义最不重要的标题:
HTML 段落
HTML 段落使用 <p>
标签定义
HTML 链接
HTML 链接使用 <a>
标签定义
链接的目标地址在 href
属性中指定。
属性用于提供有关 HTML 元素的附加信息。
你将在后面的章节中了解有关属性的更多内容。
HTML 图片
HTML 图片使用 <img>
标签定义。
源文件 (src
),替代文本 (alt
),width
和 height
作为属性提供
如何查看 HTML 源代码
你是否曾经看到过一个网页,并想知道“嘿!他们是怎么做到的?”
查看 HTML 源代码
在 HTML 页面中点击 CTRL + U,或右键点击页面,选择“查看页面源代码”。这将打开一个包含页面 HTML 源代码的新标签。
检查 HTML 元素
右键点击一个元素(或空白区域),选择“检查”以查看元素是由哪些元素组成的(你将看到 HTML 和 CSS)。你也可以在打开的“元素”或“样式”面板中实时编辑 HTML 或 CSS。