On this page

HTML 基础

HTML 文档

所有 HTML 文档都必须以文档类型声明开头:<!DOCTYPE html>。 HTML 文档本身以 开头<html>并以 结尾</html>。 HTML 文档的可见部分位于<body>和之间</body>

例子

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>welcome to codewhy.net.</p>

</body>
</html>

<!DOCTYPE> 声明

声明<!DOCTYPE>代表文档类型,帮助浏览器正确显示网页。 它只能在页面顶部出现一次(在任何 HTML 标记之前)。 该<!DOCTYPE>声明不区分大小写。 HTML5 的声明<!DOCTYPE>是: <!DOCTYPE html>


HTML 标题

HTML 标题是用<h1>to<h6>标签定义的。 <h1>定义最重要的标题。<h6>定义最不重要的标题:

例子

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>




HTML 段落

HTML 段落用标签定义<p>

例子

<p>This is a codewhy.</p>
<p>This is another codewhy.net.</p>



HTML 链接

HTML 链接是用<a>标签定义的:

例子

<a href="https://www.codewhy.net">This is a codewhy link</a>


链接的目的地在属性中指定href。 属性用于提供有关 HTML 元素的附加信息。 您将在后面的章节中了解有关属性的更多信息。


HTML 图像

HTML 图像是用<img>标签定义的。 源文件 ( src)、替代文本 ( alt)、 widthheight作为属性提供:

例子

<img src="codewhy.jpg" alt="codewhy.net" width="104" height="142">



如何查看 HTML 源代码

查看 HTML 源代码:

在 HTML 页面中单击 CTRL + U,或右键单击页面并选择“查看页面源代码”。这将打开一个包含页面 HTML 源代码的新选项卡。

检查 HTML 元素:

右键单击一个元素(或空白区域),然后选择“检查”以查看元素的组成(您将看到 HTML 和 CSS)。您还可以在打开的“元素”或“样式”面板中即时编辑 HTML 或 CSS。