HTML+css基础讲解(第一章）

最新推荐文章于 2025-08-26 11:11:34 发布

原创最新推荐文章于 2025-08-26 11:11:34 发布 · 324 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #前端

HTML+css基础专栏收录该内容

2 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括其在万维网中的作用，以及构成网页的三大要素：URL、HTTP和HTML。通过实例展示了如何使用记事本创建简单的HTML文件，并解释了HTML的基本结构。此外，还提到了使用可视化工具进行网页制作的便利性，鼓励读者进一步学习HTML。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.HTML介绍

WWW(World Wide web,万维网)是建立在Internet上的、拥有全球性、交互性、多平台、分布式的信息资源网络，其采用HTML语言描述的超文本(Hypertext)文件。

WWW由3个基本组成部分，分别是:

1.URL(Universal Resource Locators,统一资源定位器)

URL是提供在Web上进入资源的统一方法和路径，可以使用户访问的站点具有唯一性。

2.HTTP(Hypertext Transfer Protocol,超文本传输协议)

HTTP是网络上的传输数据的协议，专门传输超文本或者超媒体的形式提供的信息。

3.HTML(Hypertext Markup Language,超文本标记语言)

HTML是一种文本类、依靠解释的方式执行的标记语言，是网页的主要编写语言，用HTML编写的超文本文件被称之为HTML文件。

2.HTML的编译方式有记事本和可视化软件编写

1.编译第一个HTML文件（使用工具是记事本)

<html>
    <head>
        <title>我的第一个HTML文件</title>
    </head>
    <body>
        <h2>简单的HTML</h2>
        <hr/>
        <p>我制作的第一个页面。It's so cool！</p>
    </body>
</html>

记事本输入的HTML代码(注意的地方是文件后缀名要改成HTML)

编译出来在浏览器看到的效果

2.工具编译

相当于记事本工具会更加便捷，工具中基本代码都会自己存在，不需要再一次进行编写，如下图：

所以我们只要输入需要的内容就可以进行网页展示

我自己也是一名大学学生希望自己的文章可以帮到需要帮助的人，有什么不好的地方可以联系我，相互改进，我更加希望大家可以相互交流，共同提升，我们后期可以建立一个群聊进行交流，下一期我们将要正式进入HTML的学习路程，这一期只是为了让大家有所了解，毕竟当你拿到一把刀却不知道可以干嘛肯定是不可以的。