百度360必应搜狗淘宝本站头条
网站建设网页制作教程百度搜索推广苏州网站建设外贸网站建设
当前位置：网站首页 > SEO教程 > 正文

简单粗暴，直接教你上手制作网页—前端开发入门

gaoyangw 2024-11-04 12:58 17 浏览 0 评论

首先我要说学习前端网页制作其实很简单！

今天我带着你踏入前端开发的大门，我不会给大家说一些难懂的概念上的东西，有些知识其实不必知道，学习之后再慢慢了解也是可以的。

简单粗暴，直接让你上手就完事了！

先大致了解一下HTML的构成

简单的说HTML网页的构成基本可以理解为是由标签、样式和属性组成的

标签：可以理解为是组成网页的框架或是盒子。

样式：决定标签的外观（大小、宽高等等）

属性：标签本身自带的一些样式或是功能

拿手机来举例子，手机相当于是整个网页，里面的各种APP就是标签，手机主题就是样式，可以更换各种app的外观样子，APP各自的功能、分类、作用就是标签的属性

或者理解为房子，房子里有不同的房间，我们可以给它装修成各种样子，各个房间也有不同的作用和属性（卧室、厨房、卫生间）

还是不太懂？没关系，上面可以先不懂，往下看就好了

现在直接上手，教你创建属于你的第一个网页

首先推荐使用VScode工具来制作网页，下载和安装都很容易，我就不多说了，自己百度一下就好。（如果真不会可以给我留言）

1、在vscode中新建一个html的文件

文件——新建文件


ctrl+s(保存)——在弹出的对话框中选择存放的位置、填写文件名、保存类型选择HTML那项，然后点击保存即可


2、网页都有固定的基本模板，先不用搞明白是什么意思，直接复制到刚创建的html中即可

（在vscode中输入! 然后按Tab键也会自动生成）

如下

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>Document</title>

</head>

<body>

</body>

</html>

3、在上一步中的body标签中，写入一段字并保存（ctrl+s），如下

<body>

这是我的第一个网页！

</body>


4、在你存放此文件的地方，双击打开此文件，就可以看到网页内容了。（在vscode中也可以安装插件直接在浏览器中打开此页面，插件的安装会在另一篇文章中推荐给大家）


恭喜你！成功的制作了你的网页（是第一个吗？），学会了吧？！是不是很简单？！

文章长度的关系，我们将在下一篇中继续更深入一点的学习，

记得关注一下哦！

相关推荐

限时免费推广，就在今日闵行APP，看看你是我们等的人么?

为助力汽车行业复工复产，今日闵行APP特开设“车圈复工”栏目，自即日起，凡是闵行区行政区域内的汽车行业商户，可获得一次免费线上推广机会，具体操作方式如下：参与方式1.下载今日闵行APP。2.注册账户并...

免费推广还送礼物?!贵阳一母婴店老板疑中新型骗术

贵阳的蹇女士经营着一家母婴用品店，上个月初一家来自黑龙江的传媒公司找到蹇女士合作，声称不用蹇女士花一分钱，免费帮她宣传推广母婴店，真有这么好的事情吗？蹇女士告诉记者，对方提供的推广方式，是以她的母婴店...

网络实名制认证，对于免费网络推广有哪些要求?

网络实名制大都表现在网络店铺、互动类SNS平台、收款类平台、商务站点平台、门户类论坛等，只要人气旺的领域都慢慢需要实名认证或要求绑定个人联系方式。在前两年互联网运营人员提到要求网络实名制，这个提议也遭...

拼多多不花钱推广能做起来吗?全站推广适合长期开吗?

对于许多刚刚进入拼多多的商家来说，推广是一个非常重要的问题。然而，很多商家可能面临的困境是：是否可以在拼多多不花钱推广，从而做起来呢？本文将围绕这个问题进行深入探讨，为商家提供一些有效的推广方法和建议...

小心!免费推广不“免费”

年底将至各个商家为了提高曝光量使出浑身解数这就让不法分子发现了“商机”于是……...

免费推广营销的技巧，你学会了吗?

新手们刚开始接触淘宝网，相信没有足够的资金或者是不敢投入太多的资金进去，加上没有网点运营经验。因此不敢花大价钱去做一些付费的网点推广。所以小默就给大家总结了一些网店免费推广营销的技巧，提供给大家学习。...

新手应该学习了解的免费网络推广方法

这段时间以来，木偶有点忙碌，今天为大家分享一些免费的网络推广方法。尤其是针对新手来说，没有做过网络推广的人，给大家讲解下木偶个人的见解。现在互联网推广的难度是越来越大了，最重要的一个原因是效果好的...

邮件营销:18种免费的电子邮件营销工具

很多人会觉得，给客户发营销邮件没什么意义。他们会说这又贵又费时，而且不一定有回报，我不同意。邮件营销可以通过发送针对性的信息来接触客户，它功能齐全并且价格低廉。这个指南会阐述邮件营销对网店有什么用处...

都爱学-一个全国教育培训免费招生推广的网站

都爱学简介都爱学是全国教育机构培训机构发布平台，汇聚全国培训机构，培训学校、培训课程等相关信息，为全国培训学校、培训机构提供招生信息发布，为学员打造低价团课秒杀，找课程、找学校、培训机构便利服务。全国...

借“免费网课”向学生推广网游?这些平台回应了

在过去的这个假期里，上网课是学生们学习的主要方式，但也出现了不少未成年人在网课期间沉迷网游，甚至是高额网络消费的情况。记者调查发现，虎牙、斗鱼等网络平台利用免费提供的上网课渠道，向未成年人推广网络游戏...

扒一扒当前最靠谱实用的免费网络推广套路

企迪作为为北京地区的权威网站建设公司，也是互联网品牌营销推广的佼佼者，针对免费的网络推广套路那是再收悉不过了。从最简单的开始做起、从最有效率的开始做起、从最不需要花钱的开始做起；下面北京网站建设公司-...

借免费网课推广游戏 虎牙斗鱼等直播平台被点名

北京商报讯（记者郑蕊实习记者耿文婧）6月8日，央视新闻频道在报道中点名批评虎牙、斗鱼等直播平台，因为后者在免费网课渠道中推广网络游戏。此前2月，为响应教育部“停课不停学”的号召，斗鱼、虎牙等直...

借“免费网课”向学生推广网游?!这些平台回应了

在过去的这个假期里，上网课是学生们学习的主要方式，但也出现了不少未成年人在网课期间沉迷网游，甚至是高额网络消费的情况。记者调查发现，虎牙、斗鱼等网络平台利用免费提供的上网课渠道，向未成年人推广网络游戏...

要想提升宝贝排名，必须做好淘宝SEO

相信在网上开店的朋友们对淘宝SEO都不陌生。淘宝SEO对店铺流量的影响是不言而喻的，宝贝的排名能直接决定店铺的流量大小。所以要想提升宝贝排名，淘宝SEO一定好优化好。今天，星密码小默就教各位卖家们淘宝...

淘宝SEO应用技巧 让你日访问量大增

淘宝搜索引擎优化是指通过研究淘宝排名规则，把自己的产品优化成符合排名规则的产品，从而获取较好的排名。接下来衣联网小编通过研究淘宝最新排名规则，总结出影响淘宝搜索排名的因素，从而提出淘宝搜索引擎优...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表