如何用html和css制作一个简易的网站
作者:80网站模板发布时间:2021-02-24浏览量:67
精选企业建站模板,pb建站教程以及各类手机网站模板下载和企业网站模板分享,PbootCMS模板下载提供优质网站模板源码,仿站业务PbootCMS个人博客模板,PbootCMS企业建站,PbootCMS导航模板等

如何用html和css制作一个简易的网站?首先我要说学习前端网页制作其实很简单!你觉得难?

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

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

先大致了解一下HTML的构成

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

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

样式:决定标签的外观(大小、宽高等等)

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

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

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

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

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

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

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

文件——新建文件

html网页

新建html文件

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

html文件保存

ctrl+s(保存html文件)

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

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

如下

<!DOCTYPE html>

<html>

<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),如下

网也源码

html文档文件

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

html网页成品

html的第一个网页

恭喜你!成功的制作了你的网页(是第一个吗?),学会了吧?!是不是很简单?!

以上就是html和css完成的制作的简单的网页和如何制作简易网站全过程,更多网站建设和网站模板请关注我们的网站或者咨询站长。

文章标签:html网页    源码    网站模板    制作网站   
关 键  词:如何制作简易网站,网站源码免费下载,在线网页制作
本文网址:http://www.80oo.cn/jiaocheng/110.html如有转载请注明来源!
最新模板
(自适应手机版)净水设备类pbootcms网站模板

编号:x084     价格:50
(自适应手机版)站长导航类网站pb网站模板下载

编号:x085     价格:100
(手机版)蓝色通用企业wap手机网站源码

编号:x083     价格:50
建站知识
2021
09-27
织梦cms要花钱授权了,如何转到别的建站程序?其实现在免费的cms有很多,比如易优cms、mipcms、pbootcms等,我们今天介绍一下为了方便把织梦模板转换成PB模板而生的工具,大大方便的操作过程,不过对于复杂的模板效果不太好。工具是死的,人是活的,工具+手动调整=高效解决,工具作者:晨星傲月。具体工具使用在下载包里已经
2021
08-20
现在的论坛有很多,但是找出几个权重比较高的论坛确实很费事,所以说大家要抽空点时间去选择一些高权重的论坛,SEO马龙认为注册个账号,要把自己的个人信息填写好,不要盲目的去发广告,很容易被论坛的BT斑竹给你K掉的,如何做好网站优化内外链建设?从目前来看外链的选择主要有以下几点:1、bbs类:千万别为了一个广告而浪
2021
06-01
网站语言需要配合一定的规则,大家在使用网站模板的时候,都需要提前知道网站的语言是什么,有助于使用这套模板,大家在看到别人网站的时候,不知道别人的网站是什么语言开发的,也想要做同样的网站的时候,教大家怎样看网站用什么语言开发的1. 根据 meta 信息判断不少的网站会在 meta 添加框架的信息,比如 Joomla、XOOPS、
2021
06-01
很多站长在建站的时候喜欢在底部加入网站运行时间统计,显得逼格特别上档次,今天技术小编就分享下,一个购买网站模板的用户,寻求这样一个代码加上运行时间代码。查看了网站底部模板代码插入的网上很多教程,貌似都只能精确到天,今天我们麦模板技术小编分享的代码是运行时间精确到年月日时分秒。网站底部模板运行时间代码
服务热线