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
)、 width
和height
作为属性提供:
例子
<img src="codewhy.jpg" alt="codewhy.net" width="104" height="142">
如何查看 HTML 源代码
查看 HTML 源代码:
在 HTML 页面中单击 CTRL + U,或右键单击页面并选择“查看页面源代码”。这将打开一个包含页面 HTML 源代码的新选项卡。
检查 HTML 元素:
右键单击一个元素(或空白区域),然后选择“检查”以查看元素的组成(您将看到 HTML 和 CSS)。您还可以在打开的“元素”或“样式”面板中即时编辑 HTML 或 CSS。