Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

使用 HTML 骨架

骨架 是生物体的支撑框架。

它通常由坚硬的物质构成,用于保护更脆弱的身体。

大英百科全书

每个网页开发者都应该有一个 HTML 骨架。

你应该把它放在口袋里,并在每个工作中使用它。

示例

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<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>这是一个标题</h1>
 <p>这是一个段落。</p>
 <p>这是另一个段落。</p>
</div>

</body>
</html>

亲自试一试 »

点击“亲自试一试”按钮看看它如何工作!

尝试将文本“这是一个标题”更改为“这是我的婚礼”。

你成功了吗?

恭喜!现在你知道如何编辑 HTML 了。


HTML 骨架解释

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

<!DOCTYPE html>

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

语言是英语

<html lang="en">

</html>

meta charset 标签定义了字符集 (UTF-8)

HTML 页面缺少 head 标签。head 标签在 HTML 中不是必需的。

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

<meta charset="UTF-8">

HTML 标准要求一个合适的页面标题

<title>页面标题</title>

meta viewport 标签使页面在所有屏幕尺寸(笔记本电脑,移动设备)上看起来都很好

<meta name="viewport" content="width=device-width,initial-scale=1">

link 标签链接到一个样式表

<link rel="stylesheet" href="name">

开始标签和结束标签包围了未来的 CSS 样式

<style>
</style>

script 标签链接到一个脚本

<script src="name"></script>

开始标签和结束标签包围了 HTML 文档的可见主体

<body>
</body>

图片标签定义了 HTML 图片

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

养成用 div 元素“打包”HTML 部分的习惯。

为每个部分准备一个类名

<div class="class name">
</div>

标题标签定义了 HTML 标题

<h1>这是一个标题</h1>

段落标签定义了 HTML 段落

<p>这是一个段落。</p>
<p>这是另一个段落。</p>

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.