比德勒科技

简单网页制作代码HTML

日期:2024-04-08 14:00 / 作者:www.biddlecn.com

教你5分钟写一个属于自己的网页

当今我们在互联网上每天都在浏览各式各样的网页,网页已经成为了我们获取信息的主要载体。想要知道一个简单的网页是怎么写出来的吗,下面跟着我动手实际操作一下吧。

1.在电脑桌面右键新建一个文本文件,在里面输入网页的基本结构如下。

网页最主要的框架就是这样,有head标签,body标签,然后最外层是html标签。

head标签里面的title标签相当于你的网页的题目,在浏览器中显示如下:

body标签主要就是存放网页中的内容,你所看到的文字和图片就是写在这个标签里面的。

2.下面就可以开始搭建一个属于你自己的简单的网页了。

body里面的h标签里面的文字相当于你文章的题目,h1相当于主标题,h4相当于副标题。h标签有h1~h6,数字越小标题的字号也就越小。p标签里面存放的文字就像是你文章的一个个段落,他会进行换行。

3.最后点击文件保存,将文件的后缀由.txt改为.html,双击就可以在浏览器上看到最后的效果了。

小伙伴们学会了吗,赶快去创建一个属于你自己的网页吧。

最简单的网页

任务:制作一个最简单的网页

描述:用记事本制作一个最简单的网页,并能通过浏览器打开。

企业参观的第一天进行的很顺利,参观后大家就各忙各的去了,林浩然也去和女朋友约会了。职工宿舍里的其他人王岑也不认识,心想:不如索性出去转转,就美其名曰继续参观,省得辅导员担心自己找不到工作。

别说,这家食品公司还真不是一般的大,王岑走了好久才走出公司。虽然是郊区,但是这么大厂房也是不少钱吧?王岑边走边想。走了一段路之后,他觉得自己又累又饿,于是就奔路边上一家新开不久的小吃摊走去。

他发现这个小吃摊上很多人在买一种叫做土豆环的菜。王岑心想:这是不是写错了?然后把土豆丝写成土豆环了?不过正在他疑惑中,他发现很多客人都在用手机拍照,王岑走近定睛一看,果然是土豆环一根丝都没有。见到这情景,王岑这个吃货马上就来了兴致,也准备去买一盘尝尝。可是轮到他的时候却已经卖完了,王岑这个无奈啊,于是祈求老板能不能再做一盘。这个时候从“后厨”走出一个年轻人,所谓的“后厨”其实就是用遮阳伞盖着的三轮车。就看他一边擦手一边笑呵呵的说道:“真是抱歉我这一天最多50盘,现在正好买完了,要不明天再来?”

王岑看着这个似乎比自己还小的年轻人,有些打趣的问道:“真没别的办法,我可是食品科技大学的高材生呢?”说着还挺了挺胸。

没想到年轻人突然愣了下,转而更加笑容满面的对王岑说道:“哎呀,你咋不早说,我这个人最喜欢你们这些懂科技的大学生了,土豆环的事情马上就搞定,不过既然你是科技大学的高材生,那你一定会做网站吧,空间什么的我都买好了,就是不会弄。”说完还尴尬的挠下头。

王岑也蒙了,心想:老子刚才说的是食品科技大学,不是什么计算机科技大学,不能带个科技大学四个字的学生就能什么都懂啊。可是他转眼一想,林浩然不是会吗,总不能到嘴的鸭子飞了吧。于是就听王岑信誓旦旦的说:“没问题,你想做一个什么样的网站啊?”

年轻人道:“其实,我也没有想好,大概就是放个电话什么的,这样想吃土豆环的人可以通过网站提前预约下。”

王岑心想,这个应该不难,不就是写几个字吗,林浩然应该能轻松搞定。于是王岑用略有谦虚的口吻应承道:“这个嘛,应该没啥问题。晚上我回去给你弄一下,就是不知道这盘土豆环什么时候能做好?”

年轻人开心的不得了,马上握住王岑的手感谢道:“太好了,我叫陈辉,土豆环马上就好。这次算我请客,诺,这个是空间的账户名和密码”。

陈辉说完,就把一张皱巴巴的纸条塞给了王岑,王岑假装看了下,然后放到了裤兜里,就装作若无其事地等着他的土豆环。

一顿饭,王岑吃得很开心也和陈辉聊了好久,然后才回到职工宿舍。可是回到职工宿舍,王岑傻眼了,林浩然说他这两天就不回来了,他父母刚到北京,他要当向导。

这可怎么办?王岑拿着陈辉给的纸条,头皮一阵发麻,他可不想被人家说成是骗子,因为欺骗是他这辈子最不能容忍的事情,说什么也要把这个网站给作出来。

于是他就开始了各种百度、谷歌。什么网站建设入门啊、网站基础教程啊、手把手教你做网站啊,王岑统统的看了一遍。最后选了一篇名为“最简单的网页”的博客文章详细地研读了起来,之所以选择这篇文章,完全是因为字少。就见博客内容如下:

打开记事本,并在上面编写一句简单的话。比如hello! 然后把记事本另存为index.htm 或者 index.html就可以用浏览器打开了。

这么简单?王岑一边疑惑一边照着教程做起来。首先打开了一个记事本,然后就按照陈辉的要求写上:“陈师傅,土豆环,预定电话13123456789”,最后另存为index.html。源码如下:

1/2/index.html

陈师傅,土豆环预定电话13123456789

怀着紧张的心情,王岑用谷歌浏览器慢慢地打开了他刚刚写好的index.html文件,没想到他居然真的成功了,网页效果如下图所示:

最简单的网页

计算机网络课设(做一个简单的网页界面)

这是我大二的课设内容,闲着没事拿出来整理一下。很low我也不想拿出来优化,适合小白看看

注:其实这部分不太想整理,一是我做的效果真的很丑,二是内容比较简单,可以参考JAVAWEB入门书籍,会一点css,javascript,html,jsp就可以了。看着内容很多,其实你只需要学最基础的就可以做,差不多三天就可以学完。重点是编译环境的配置,其实也可以直接用txt写好以后改后缀,但是这种方式需要你对几种语言文件的后缀名和作用有一定的了解,我之前整理的《网络开发构件概述》(分类:javaweb)里简单的写了,可以参考。

设计结果:

–最基础的页面index.html和页面的设置index.css–

难点在菜单栏的设置,我采用的是<ul><li>标签混合使用,再在css文件里设置其样式和属性。

其他的操作例如网上登录,我用的是一个html文件和jsp文件,html文件就是做页面和需要填写的表单以及提交按钮,jsp文件就是对填写的内容进行获取和存储处理。

家长社区需要三个文件,首先是页面html也是一个表单填写要发送的信息并提交,第一个jsp文件就是获取填写信息并给第二个jsp显示,在显示的时候用到javascript函数处理显示内容,在这里没有做过多的设置,仅仅是简单的页面刷新。

有需要完整代码的,可以私信我。