HTML零基本入门教程， 零基本学习HTML网页制作（HTML基本结构）
<h2 style="color: black; text-align: left; margin-bottom: 10px;">HTML 基本结构：前端拼图的第<span style="color: black;">一起</span>碎片</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">为何</span>要学习 HTML 基本结构？ <span style="color: black;">由于</span>，你以后编写的每一个网页都是以HTML的基本结构为<span style="color: black;">基本</span>。<span style="color: black;">因此呢</span>，HTML 基本结构是 HTML 语言必学内容。 本课程<span style="color: black;">经过</span>通俗易懂的语言及小案例帮你快速<span style="color: black;">把握</span> HTML 基本结构，并<span style="color: black;">运用</span>网页<span style="color: black;">研发</span>神器VSCode 实现简单的网页</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">第1</span>关：HTML 标签语法规范</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本门文程<span style="color: black;">咱们</span>学习 HTML 的基本结构。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在正式学习之前，<span style="color: black;">咱们</span><span style="color: black;">必须</span>先<span style="color: black;">知道</span>一个问题，<span style="color: black;">为何</span>要学习 HTML 基本结构？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">由于</span>身为<span style="color: black;">研发</span>人员，你以后编写的每一个网页都是基于 HTML 的整体结构。<span style="color: black;">因此</span>说，HTML 基本结构至关<span style="color: black;">要紧</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这里</span><span style="color: black;">基本</span>上，<span style="color: black;">咱们</span>将学习标签的书写规范及<span style="color: black;">重视</span>事项，完成<span style="color: black;">针对</span> HTML 基本结构的整体认知。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最后，我将向<span style="color: black;">大众</span>介绍一个非常牛逼的<span style="color: black;">工具</span>-VSCode，其能够快速的编写 HTML 代码，<span style="color: black;">加强</span><span style="color: black;">研发</span>效率，在<span style="color: black;">实质</span>工作中发挥<span style="color: black;">要紧</span><span style="color: black;">功效</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">学完本课程，你将有如下收获：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">（1）<span style="color: black;">把握</span> HTML 标签的书写规范以及<span style="color: black;">重视</span>事项 （2）能够写出 HTML 骨架标签 （3）能够<span style="color: black;">运用</span> VSCode <span style="color: black;">工具</span><span style="color: black;">研发</span>网页</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.网页文件创建</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在讲解标签的<span style="color: black;">详细</span>语法规范前，<span style="color: black;">咱们</span><span style="color: black;">首要</span>要创建一个网页文件。 说到文件，<span style="color: black;">咱们</span><span style="color: black;">晓得</span>文件有类型，<span style="color: black;">亦</span><span style="color: black;">便是</span>有扩展名。例如，记事本文件，它的扩展名为：.txt。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">那样</span>，网页文件的扩展名是什么呢？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页文件的扩展名为：.html <span style="color: black;">或</span>是.htm。<span style="color: black;">因此</span>，看到以.html或.htm结尾的文件，就应该马上get到一个<span style="color: black;">要紧</span>的信息：这是网页文件，可<span style="color: black;">经过</span>浏览器打开对应文件，查看<span style="color: black;">详细</span>的网页内容。 <span style="color: black;">然则</span>，<span style="color: black;">必须</span><span style="color: black;">重视</span>的是：<span style="color: black;">不可</span>随意创建网页文件！</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">为何</span>呢？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">由于</span>一个网站<span style="color: black;">包括</span>众多网页，相对应的是<span style="color: black;">亦</span>会有<span style="color: black;">非常多</span>的网页文件；若随意创建，<span style="color: black;">有害</span>于后期管理。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">那应该<span style="color: black;">怎样</span>做？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在桌面、D盘或E盘(当然，你<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">选取</span>你<span style="color: black;">爱好</span>的一个盘)中创建一个文件夹，将创建的网页文件都放在该文件夹中统一管理；后期即使文件再多，<span style="color: black;">亦</span>能<span style="color: black;">即时</span>找到并易于<span style="color: black;">归类</span>管理。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">接下来，<span style="color: black;">咱们</span>就创建<span style="color: black;">第1</span>个网页文件：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Step1：在电脑桌面上新建 一个文件夹，命名为：MyWeb；</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">重视</span>：后续创建的网页文件，均放<span style="color: black;">这里</span>文件夹中进行管理。该文件夹的名<span style="color: black;">叫作</span>，<span style="color: black;">亦</span>可<span style="color: black;">按照</span><span style="color: black;">自己</span>需求命名。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Step2：在该文件夹内，创建一个文本文件，即扩展名为.txt的文件；文件可随意命名，此处命名为：index.txt。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文本文件创建完成，如下图所示：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-2994b8f42afc2ec48ae908a24d8c12af_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Step3：修改文本文件的拓展名；网页文件的扩展名为:.html或.htm，<span style="color: black;">因此呢</span>，<span style="color: black;">必须</span>将创建的文本文件拓展名改为网页文件的拓展名，即改变其类型。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最终修改后的结果如下图所示，至此，网页文件创建完成：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-f28742af4b58925847e130d265d9ab7f_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">能够</span>看到，修改完扩展名，文件名前面<span style="color: black;">显现</span>了一个浏览器的图标；显而易见，<span style="color: black;">咱们</span>创建的文件<span style="color: black;">便是</span>一个网页文件。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">双击该文件，<span style="color: black;">经过</span>浏览器就能打开该文件：</p>
页:
[1]