天涯论坛

 找回密码
 立即注册
搜索
查看: 69|回复: 5

简单的HTML静态网页制作

[复制链接]

2996

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109194
发表于 2024-6-29 11:32:34 | 显示全部楼层 |阅读模式

今天这篇是一位群里的程序猿朋友来投稿了,谢谢大众的支持!

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>

以上,是刚才第1个页面的代码,是不是很简单呢?短短的几行代码,就有这个效果了,好了,我来分析一下这个代码,走起~

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之后,对划分的各部分进行命名,进行有些操作,第1句,写在了第1frameset之后,暗示,划分的那个上部(即250的那部分)名叫作top,并且表示1.jpg这个照片文件的内容,后面依次类推,让页面的各块放进自己爱好的东西,这个页面,我左边的部分放的是叫1.html的这个网页文件,右边是2.html这般,就实现了网页文件的掰开修改,不消牵一发而动全身!@@





上一篇:哪里有现成的比较好的网页模板能够下载?
下一篇:HTML制作简单的静态网页(二)
回复

使用道具 举报

3047

主题

3万

回帖

9606万

积分

论坛元老

Rank: 8Rank: 8

积分
96065852
发表于 2024-10-1 05:22:15 | 显示全部楼层
谷歌外链发布 http://www.fok120.com/
回复

使用道具 举报

3048

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109040
发表于 2024-10-2 18:05:10 | 显示全部楼层
你的见解真是独到,让我受益匪浅。
回复

使用道具 举报

3048

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109040
发表于 2024-10-3 00:12:45 | 显示全部楼层
“沙发”(SF,第一个回帖的人)‌
回复

使用道具 举报

2996

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109194
 楼主| 发表于 2024-10-3 05:25:10 | 显示全部楼层
我完全赞同你的观点,思考很有深度。
回复

使用道具 举报

3089

主题

3万

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99098770
发表于 2024-10-30 12:00:53 | 显示全部楼层
这夸赞甜到心里,让我感觉温暖无比。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 05:59 , Processed in 0.177708 second(s), 21 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.