简单的HTML静态网页制作

发布于:2023-07-21 08:39:53

今天这篇是一位群里的程序猿同学来投稿了,谢谢大家的支持!

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"> 

     这里的三句话,是在上面frameset之后,对划分的各部分进行命名,或者进行一些操作,第一句,写在了第一个frameset之后,表示,划分的那个上部(即250的那部分)名称为top,并且显示1.jpg这个图片文件的内容,后面依次类推,让页面的各块放进自己喜欢的东西,这个页面,我左边的部分放的是叫1.html的这个网页文件,右边是2.html,这样,就实现了网页文件的分开修改,不用牵一发而动全身!@@


免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。

上一篇:嵌入式开发:开发实时 C 应用程序的5个技巧

下一篇:b2b2c商城系统源码开发一般要注意什么?

资讯 观察行业视觉,用专业的角度,讲出你们的心声。
MORE

I NEED TO BUILD WEBSITE

我需要建站

*请认真填写需求信息,我们会在24小时内与您取得联系。