使用 HTML 骨架

A骨骼是有机体的支撑框架。

它通常由坚硬的东西制成，以保护更脆弱的身体。

百科全书

每个 Web 开发人员都应该有一个 HTML 框架。

它应该放在他的口袋里，并用于每项工作：

示例

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>

<img src="img_la.jpg" alt="LA" style="width:100%">

<div class="">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>

</body>
</html>

亲自试一试 »

单击"亲自试一试" 按钮查看其工作原理！

尝试将文本 "This is a Heading" 更改为 "This is my Wedding"。

你做了吗？

恭喜！现在您知道如何编辑 HTML。

HTML 骨架解释

DOCTYPE 必须存在。它通知浏览器这是一个 HTML 文档：

<!DOCTYPE html>

html 开始标签和html 结束标签定义HTML 文档的开始和结束。

语言为英语：

元字符集标签定义字符集 (UTF-8)：

HTML 页面缺少 head 标签。 HTML 中不需要 Head 标签。

在 HTML 中，body 标记之前的所有内容都被视为 head 的一部分。

HTML 标准需要正确的页面标题：

<title>Page Title</title>

元视口标签使页面在所有屏幕尺寸（笔记本电脑、移动设备）上看起来都很好：

链接标签链接到样式表：

开始标签和结束标签围绕着未来的 CSS 样式：

script 标签链接到一个脚本：

开始标签和结束标签围绕着 HTML 文档的可见主体：

图片标签定义 HTML 图片：

养成在 div 元素中 "pack" HTML 部分的习惯。

准备好为每个部分指定一个类名：

标题标签定义 HTML 标题：

<h1>This is a Heading</h1>

段落标签定义 HTML 段落：

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>