静态网页入门讲解,制作属于你自己的网页(一) |
您所在的位置:网站首页 › 最佳网页设计方案是什么样的 › 静态网页入门讲解,制作属于你自己的网页(一) |
写在开始
这个系列教程主要针对完全没有接触过网页制作的萌新小伙伴开设的,如果你有一定的网页知识积累,可以果断关闭! 网页前端设计中牵涉的内容太多了,基础教程却比较缺乏,所以博主希望能够通过这样一个系列,帮想要学习网页编程的小伙伴整理一些比较基础又十分重要的知识点。那么,废话不多说,抓紧进入正题吧! 网页编程工具编写一个网页的编辑器其实有很多,比如说:eclipse,Dreamweaver,VS Code等等,甚至你用一个记事本编写网页的代码,然后把后缀名改成 .html,也可以在浏览器中运行。 学校的教学会使用Dreamweaver的比较多,因为Dreamweaver对一些CSS的属性可以界面操作生成,不需要纯代码编写。但是博主实在是用不惯,界面太难受了。在掌握了一定的网页编程语法之后,VS Code,atom之类的编辑器或许是更好的选择。 博主使用的是VS Code,这节课没有什么需要操作的代码内容,就先不讲下载安装了。 网页的分类网页基本上分为两种一种是静态网页、另一种是动态网页。 什么是静态网页? 什么是动态网页? 静态网页就好比是一张用画笔(HTML5、CSS、JS)画好的画作,如果你想要修改它,就要把它先从展板(浏览器)上取下来,然后用画笔再次修改后贴回展板上。 另一种就是动态网页啦!动态网页像是在画作上预留可变的位置,然后准备好预留位置不同情况的画作,根据每次不同的需求粘贴上不一样的画作,不用一次又一次地画来满足观赏者。 上面的解释比较直观,更加能让各位初学的小伙伴理解,动态网页是静态网页的完善,让网页的交互性更强,功能更加强大! 网页编程基础语法1.网页代码的基本结构 无标题文档上面的这个结构可以分成三个部分 HTML5中的标记都可以归纳为这样的一条公式, 显示元素 a.标签成对出现 b.标签与大小写无关 c.标签可以联合使用,也可以嵌套使用 d.一个标签可以有多个属性值 3.标题文字标记
这次的博客主要就是让小伙伴们对于静态网页最基本的HTML5标签有个最全面的认识,一下子记不住不要紧,没事多看看,多用用,有助于更好地理解哦! 结语如果说这篇文章有让你学到一定的知识的话,不妨点个赞和关注,让博主能够看到。如果讲解中有什么错误和疏忽,也劳烦在评论中指出或提问,博主会第一时间进行更新和答复,谢谢! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |