如何制作一个简单的网页(二)

核心提示首先我要说学习前端网页制作其实很简单!你觉得难?今天我带着你踏入前端开发的大门,我不会给大家说一些难懂的概念上的东西,有些知识其实不必知道,学习之后再慢慢了解也是可以的。简单粗暴,直接让你上手就完事了!先大致了解一下HTML的构成简单的说H

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

你觉得难吗?

今天,我带你走进前端开发的大门。一些比较难的概念性的东西就不跟你说了。有些知识不一定要懂,学了以后慢慢学也是可以的。

简单粗暴,只让你入门!

让我们对HTML的构成有个大概的了解。

简单来说,HTML页面的构成基本可以理解为由标签元素、样式和属性构成。

标签元素:可以理解为构成网页的框架或方框。

样式:确定标签的外观。

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

以手机为例。手机相当于整个网页,里面各种app都是标签,手机的主题就是风格。你可以改变各类app的外观,它们各自的功能、分类、作用都是标签的属性。

或者作为一个房子,房子里有不同的房间。我们可以用各种方式装修,每个房间都有不同的功能和属性。

还是不太明白?没关系,你可以先看懂上面,往下看就行了。

现在开始,教你创建你的第一个网页。

首先,推荐使用VScode工具制作网页。下载安装很简单,就不多说了,自己做就好。

1.在vscode中创建新的html文件

文件-创建新文件。

新建html文件

ctrl+S-在弹出的对话框中,选择存储位置,填写文件名,选择HTML作为保存类型,然后点击保存。

ctrl+s

2.网页有固定的基本模板。你不必先弄清楚它们是什么意思,只需把它们复制到新创建的html中。

如下

文档

3.在上一步中的body标记中,编写一个段落并保存它,如下所示

html文档文件

4.在存储这个文件的地方,双击打开这个文件,就可以看到网页的内容。

html的第一个网页

恭喜你!成功制作了你的网页,学会了吗?!这不是很简单吗?!

文章长度的关系,我们将在下一篇文章中继续深入研究一点,

记得要注意!

 
友情链接
鄂ICP备19019357号-22