这是用户在 2025-3-13 23:52 为 https://www.w3schools.com/html/html_basic.asp 保存的双语快照页面,由 沉浸式翻译 提供双语支持。了解如何保存?
Menu
×
     ❯   
HTML CSS JavaScript SQL PYTHON 爪哇 PHP 如何 W3.CSS C++ C# 引导 反应 MYSQL JQUERY EXCEL XML 姜戈 numpy的 熊猫 节点 数字减影动脉造影 打字稿 角度 胃肠道疾病 PostgreSQL 蒙哥数据库 服务供应商 人工智能 R 科特林 南苏丹援助协会 VUE 人工智能 统计分析 网络安全 数据科学

HTML基本示例


在本章中我们将展示一些基本的 HTML 示例。

如果我们使用了您还不了解的标签,请不要担心。


HTML 文档

所有 HTML 文档都必须以文档类型声明开头:<!DOCTYPE html>

HTML 文档本身以 开头,<html>也以 结尾</html>

HTML 文档的可见部分位于<body>和之间</body>

例子

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
亲自尝试 »

<!DOCTYPE> 声明

声明<!DOCTYPE>代表文档类型,并帮助浏览器正确显示网页。

它必须只出现一次,位于页面顶部(任何 HTML 标签之前)。

<!DOCTYPE>声明不区分大小写。

HTML5 的声明<!DOCTYPE>是:

<!DOCTYPE html>

HTML 标题

<h1>HTML 标题用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 paragraph.</p>
<p>This is another paragraph.</p>
亲自尝试 »

HTML 链接

HTML 链接使用以下标签定义<a>

例子

<a href="https://www.w3schools.com">This is a link</a>
亲自尝试 »

链接的目的地在属性中指定href。 

属性用于提供有关 HTML 元素的附加信息。

您将在后面的章节中了解有关属性的更多信息。


HTML 图像

HTML 图像用标签定义<img>

源文件 ( src)、替代文本 ( alt)、 widthheight作为属性提供:

例子

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
亲自尝试 »

如何查看 HTML 源代码

您是否曾经看到过某个网页并好奇地问道:“嘿!他们是怎么做到的?”

查看 HTML 源代码:

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

检查 HTML 元素:

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


锻炼这是什么?
回答几个有关本页主题的问题,测试一下你的技能

文档类型声明的正确 HTML 标记是什么?





×

联系销售人员

如果您希望作为教育机构、团队或企业使用 W3Schools 服务,请发送电子邮件至:
sales@w3schools.com

报告错误

如果您想报告错误,或者想提出建议,请发送电子邮件至:
help@w3schools.com

W3Schools 针对学习和培训进行了优化。示例可能会简化,以改善阅读和学习。 教程、参考资料和示例会不断审查以避免错误,但我们不能保证 所有内容的完全正确性。使用 W3Schools 时,您同意已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2025,Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持

原文
请对此翻译评分
您的反馈将用于改进谷歌翻译