IT袋

当前位置:主页 > 经验教程 > 建站编程 >

如何创建一个网页前端

如何创建一个网页前端 web创建一个简单网页教程

更新:2023-09-06 15:28:08 来源:IT袋 作者:苏晓敏
导读:如何创建一个网页前端,IT电脑小知识篇,关于如何创建一个网页前端和web创建一个简单网页教程的相关知识,接下来就是全面介绍。 首先我要说学习前端网页制作其实很简单! 今天我带着你踏

如何创建一个网页前端

IT电脑小知识篇,关于如何创建一个网页前端和web创建一个简单网页教程的相关知识,接下来就是全面介绍。

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

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

简单粗暴,直接让你上手就完事了!

先大致了解一下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>

如何创建一个网页前端

相关阅读

  • 用html5制作网页步骤 html做一个简单的网页教学

    用html5制作网页步骤 html做一个简单的网页教学

    跟大家分享用html5制作网页步骤和html做一个简单的网页教学的IT知识,下面为详细的介绍。 网页是一个包含HTML标签的纯文本文件 网页制作离不开 浏览器 和 制作网页工具 浏览器推荐【谷歌浏

  • TC调用DLL函数和参数实例详细解答教程

    TC调用DLL函数和参数实例详细解答教程

    大家都知道TC简单编程是一款类似C语言的游戏辅助编程环境(大多数用于游戏编程或办公自动化),那么 TC如何调用DLL文件呢? 因为ITDAI博主也喜欢编写一些类似传奇私服这样的2D PK游戏辅助,

  • 如何自建云服务器设置 搭建一个私有云平台

    如何自建云服务器设置 搭建一个私有云平台

    小编为网友们解答如何自建云服务器设置和搭建一个私有云平台方面的知识,具体详情如下: 如果选择云服务器的配置,总的来说要根据应用场景需求来。在云服务器的产品页面,会根据不同

  • 五个常见的数据库类型 数据库零基础入门教学

    五个常见的数据库类型 数据库零基础入门教学

    为关注IT袋网的网友们详解五个常见的数据库类型和数据库零基础入门教学方面的讲解,继续往下看吧! 数据库常见类型分为四种: 层次式数据库 、 网络式数据库 、 关系型数据库 、 非关系