今天这篇是一位群里的程序猿同学来投稿了,谢谢大家的支持!
Html是一门标签型的编程语言,和C语言和java等知名语言一样,运用广泛,而且简单,简单到什么程度呢,小编只用了一下午时间,就学会了各种标签的使用和我网站的静态页面搭建,下面,用例子来说话:
这个页面,使用的只是html里面的框架标签,以及div标签等简单标签,这是一个比较老的套路,但是很简单,大家可以看到,这个简单的页面,其实和百度云的页面效果类似,不过别人的前端界面做得更好,框架不同罢了,听不懂?没关系,现在,我来教大家如何做这样一个界面
*先,我们的开发其实不需要什么编译器,只需要一个简单的TXT文件,啥是TXT文件呢?文本文档咯,还不知道?那还是算了(⊙﹏⊙)b
新建一个记事本,我们可以开始我们的装逼之旅了O(∩_∩)O~
<html>
<head>
<meta charset="UTF-8">
<title>主页</title>
</head>
<frameset rows="250,*">
<frame name="top" src="1.jpg">
<frameset cols="120,*">
<frame name="left" src="1.html">
<frame name="right" src="2.html">
</frameset>
</frameset>
</html>
以上,是刚才第一个页面的代码,是不是很简单呢?短短的几行代码,就有这个效果了,好了,我来分析一下这个代码,走起~
Html语言,有自己一定的规范,一般情况,分为几个部分
<html>
<head>
<title>XXX</title>
</head>
<body>
</body>
</html>
我们的代码,就在<html></html>两个标签中间写,而<head></head>标签,写的是执行一些关于标题或者页面的相关信息的代码,<body></body>里面基本才是页面内容,<title>XXX</title>这个标签,则为页面的名字,XXX可以随意更改
框架部分
*先,html语言,标签一般都是成对出现的,什么是标签呢?标签代表着各种功能,例如:
<frameset rows=”250,*”></frameset>
大多数标签,都是像这样,前面有了frameset后面就要有个/frameset,而且小写书名号不能丢,这个就是标签,frameset的意思是,页面的整个框架,设定为,后面参数rows=“250,*”意思是,我们这个网页,就按行分,分成两个部分,第一个在上面,占了250的空间,*号指剩下的空间全部分给下一部分,这样,我们的页面,就有了刚才的上下结构
<frameset cols="120,*"> </frameset>这个,同理,就是设置左右结构了,这样,我们的页面框架就大概成型了
<frame name="top" src="1.jpg">
<frame name="left" src="1.html">
<frame name="right" src="2.html">
免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。