天涯论坛

 找回密码
 立即注册
搜索
查看: 76|回复: 0

HTML零基本入门教程, 零基本学习HTML网页制作(HTML基本结构)

[复制链接]

2996

主题

220

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99099156
发表于 2024-6-30 02:29:57 | 显示全部楼层 |阅读模式

HTML 基本结构:前端拼图的第一起碎片

为何要学习 HTML 基本结构? 由于,你以后编写的每一个网页都是以HTML的基本结构为基本因此呢,HTML 基本结构是 HTML 语言必学内容。 本课程经过通俗易懂的语言及小案例帮你快速把握 HTML 基本结构,并运用网页研发神器VSCode 实现简单的网页

第1关:HTML 标签语法规范

本门文程咱们学习 HTML 的基本结构。

在正式学习之前,咱们必须知道一个问题,为何要学习 HTML 基本结构?

由于身为研发人员,你以后编写的每一个网页都是基于 HTML 的整体结构。因此说,HTML 基本结构至关要紧

这里基本上,咱们将学习标签的书写规范及重视事项,完成针对 HTML 基本结构的整体认知。

最后,我将向大众介绍一个非常牛逼的工具-VSCode,其能够快速的编写 HTML 代码,加强研发效率,在实质工作中发挥要紧功效

学完本课程,你将有如下收获:

(1)把握 HTML 标签的书写规范以及重视事项 (2)能够写出 HTML 骨架标签 (3)能够运用 VSCode 工具研发网页

1.网页文件创建

在讲解标签的详细语法规范前,咱们首要要创建一个网页文件。 说到文件,咱们晓得文件有类型,便是有扩展名。例如,记事本文件,它的扩展名为:.txt。

那样,网页文件的扩展名是什么呢?

网页文件的扩展名为:.html 是.htm。因此,看到以.html或.htm结尾的文件,就应该马上get到一个要紧的信息:这是网页文件,可经过浏览器打开对应文件,查看详细的网页内容。 然则必须重视的是:不可随意创建网页文件!

为何呢?

由于一个网站包括众多网页,相对应的是会有非常多的网页文件;若随意创建,有害于后期管理。

那应该怎样做?

在桌面、D盘或E盘(当然,你能够选取爱好的一个盘)中创建一个文件夹,将创建的网页文件都放在该文件夹中统一管理;后期即使文件再多,即时找到并易于归类管理。

接下来,咱们就创建第1个网页文件:

Step1:在电脑桌面上新建 一个文件夹,命名为:MyWeb;

重视:后续创建的网页文件,均放这里文件夹中进行管理。该文件夹的名叫作按照自己需求命名。

Step2:在该文件夹内,创建一个文本文件,即扩展名为.txt的文件;文件可随意命名,此处命名为:index.txt。

文本文件创建完成,如下图所示:

Step3:修改文本文件的拓展名;网页文件的扩展名为:.html或.htm,因此呢必须将创建的文本文件拓展名改为网页文件的拓展名,即改变其类型。

最终修改后的结果如下图所示,至此,网页文件创建完成:

能够看到,修改完扩展名,文件名前面显现了一个浏览器的图标;显而易见,咱们创建的文件便是一个网页文件。

双击该文件,经过浏览器就能打开该文件:





上一篇:「web研发网页制作」卡通导盲犬网页制作轮播效果(html+css+js 5页面)
下一篇:HTML基本(新手入门必看)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 10:29 , Processed in 0.104752 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.