一分钟做出一个网页,可能大家看完会觉得有点标题党,其实没有办法,因为如果没有办法吸引你来看第一章,看后面之后你就完全看不懂了,所以我希望能够让你从一开始就被吸引过来,从不不错过这么好的零基础教程。
我这里将会手把手开始教你如何去做一个网页。
首先实践,后面理论
目标:
一分钟做出网页
步骤:
第一步:首先需要一台电脑
第二步:点击鼠标右键,在桌面建立一个记事本,改个名字,就叫“一分钟做出网页”。
第三步:准备一张照片放在桌面上,改名为1.jpg。
(这里需要注意,记事本后面的.txt和图片后面的.jpg不是名字,是后缀名)
第四步:打开记事本,输入以下代码,记住,符号什么的不要有错误哦。
代码:
<h1>这是我的老婆<h1>
<img src="1.jpg">
第五步:代码输入结束后,按Ctrl+s保存,然后关闭记事本,这时候需要改一下后缀名,改为.html。
第六步:到这里,就已经完成了,改完后缀名之后,记事本就变成了网页图标,现在就已经做好了一个网页,打开后的效果是这样:
-
-
-
可能大家觉得和自己想象的不一样,那是因为代码少,网页简单,网页就是由图片、文字、视频等组成的,所以我们只需要不断的添加这些,就能让网页丰富起来。
这里可能有些不熟悉电脑的人,不知道怎么重新打开这个页面了,看好,是这样打开的。
当按照上图添加了代码之后,再次打开网页,就可以看出网页的变化了。
首先是字体变大了,图片变小了,同时两者的位置变换了。
到这里,我相信大家应该都已经做出来属于自己的“简陋网页”了。
不过大家看到我的标题了,是html和css,那这两种语言是什么意思呢。
首先我们一开始的文字和图片,让网页上面显示这两样东西的话,就是html。
通过下图添加这几句css代码(红色部分),网页变的好看了,这时候我们就能知道,css主要就是起到美化的作用。
html作用:给网页添加文字,图片和视频,就等于母亲生下了一个孩子,但是这个孩子目前是一个木头人,只有基础的头、四肢和身体。
css的作用:网页美化,就等于给母亲生下来的这个木头人,开始捏脸,拉长身高,让他(她)变成一个帅哥或者美女。
这两个语言是需要同时使用的,所以一起教,而做网页还需要一门语言,叫js,负责这个孩子能跑,能跳,能唱歌,能跳舞的,对应的就是网页上的登录,注册啊,和点击按钮之后,跳出来一个网页这些功能,就归js管。
但是这个在讲完html+css之后讲。
好了,这一张就完成了,如果有什么不明白的,可以留言或者私信我。
关注我,学习更多编程知识。