html基础知识

最新推荐文章于 2025-11-24 09:30:00 发布

原创最新推荐文章于 2025-11-24 09:30:00 发布 · 225 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

html的基础知识专栏收录该内容

3 篇文章

订阅专栏

本文介绍了HTML页面的基本组成，包括DOCTYPE、html、head、title和body元素，强调了它们的作用和重要性。同时，推荐了常用的HTML编辑器HBuilderX、VSCode和SublimeText，并提供了下载链接。通过实践操作，加深对HTML标签的理解。最后，展示了简单的HTML网页示例，包括h1和p标签的使用方法。

1、html页面的基本组成

html是超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>

    </body>
</html>

<!DOCTYPE html> :声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
<html>元素是HTML页面的根元素
<head>元素包含了文档的元数据，又被称为头部
<title>元素中是文章的标题，一般title名要与主要内容有关联
<body>元素就是整个页面的布局可称之为身体，包含了页面的内容

以上元素都是需要有闭合的但也有的元素是独自闭合的！

在浏览器中可以右击检查便可以显示出关于网页的代码，按F12亦可。

在自己练习HTML网页时推荐吧以上标签，自己多写几次，这样可以更好的记忆

2、HTML所用到的编辑器

被大部分人使用的有三个：分别为HBuilder X 、VS Code、Sublime Text。

网址分别为：HBuilder ：https://www.dcloud.io/hbuilderx.html

VS Code ：Visual Studio Code - Code Editing. Redefined

Sublime Text ：Sublime Text - Text Editing, Done Right

可以按照官网上的步骤下载使用。

3、HTML的第一个网页

<!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <h1>这是一个标题</h1>
    <p>我的第一个网页</p>
    </body>
</html>

其中标题标签从h1~h6字体的大小与粗细依次递减,并且标题标签独占一行。请看下图

其中<p>也是独占一行，并且由于标题标签的原因，<p>元素要换行输出