hbuilderx制作简单⽹页_简单粗暴，直接教你上⼿制作⽹页—
前端开发⼊门
⾸先我要说学习前端⽹页制作其实很简单！
今天我带着你踏⼊前端开发的⼤门，我不会给⼤家说⼀些难懂的概念上的东西，有些知识其实不必知道，学习之后再慢慢了解也是可以的。
简单粗暴，直接让你上⼿就完事了！
先⼤致了解⼀下HTML的构成
简单的说HTML⽹页的构成基本可以理解为是由标签、样式和属性组成的
标签：可以理解为是组成⽹页的框架或是盒⼦。
样式：决定标签的外观(⼤⼩、宽⾼等等)
属性：标签本⾝⾃带的⼀些样式或是功能
拿⼿机来举例⼦，⼿机相当于是整个⽹页，⾥⾯的各种APP就是标签，⼿机主题就是样式，可以更换各种app的外观样⼦，APP各⾃的功能、分类、作⽤就是标签的属性
或者理解为房⼦，房⼦⾥有不同的房间，我们可以给它装修成各种样⼦，各个房间也有不同的作⽤和属性(卧室、厨房、卫⽣间)
还是不太懂？没关系，上⾯可以先不懂，往下看就好了
现在直接上⼿，教你创建属于你的第⼀个⽹页
⾸先推荐使⽤VScode⼯具来制作⽹页，下载和安装都很容易，我就不多说了，⾃⼰百度⼀下就好。(如果真不会可以给我留⾔)
1、在vscode中新建⼀个html的⽂件
⽂件——新建⽂件
ctrl+s(保存)——在弹出的对话框中选择存放的位置、填写⽂件名、保存类型选择HTML那项，然后点击保存即可
2、⽹页都有固定的基本模板，先不⽤搞明⽩是什么意思，直接复制到刚创建的html中即可
前端页面模板(在vscode中输⼊! 然后按Tab键也会⾃动⽣成)
如下
Document
3、在上⼀步中的body标签中，写⼊⼀段字并保存(ctrl+s)，如下
这是我的第⼀个⽹页！
4、在你存放此⽂件的地⽅，双击打开此⽂件，就可以看到⽹页内容了。(在vscode中也可以安装插件直接在浏览器中打开此页⾯，插件的安装会在另⼀篇⽂章中推荐给⼤家)
恭喜你！成功的制作了你的⽹页(是第⼀个吗？)，学会了吧？！是不是很简单？！
⽂章长度的关系，我们将在下⼀篇中继续更深⼊⼀点的学习，
记得关注⼀下哦！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。