《简单的网页编写》由会员分享,可在线阅读,更多相关《简单的网页编写(32页珍藏版)》请在金锄头文库上搜索。
1、用文本文档用文本文档编写网写网页引言 当今社会网络已是遍布全球家喻户晓了,人们经常用它处理各种大小事情。 但是当我们打开某一个网页是否想过它是怎么来的,当然不是天生就有的,是人类通过思考研发出来的。那么网页究竟是怎么做出来的呢? 下面我教大家一个制作简单基本网页的方法: 首先,在打开一个网页时,例如:百度点击菜单栏中的查看选项中的“源文件”按钮,如图:则会出现如图的记事本,也许大家都看不明白。等上完这节课就不会那么陌生了。目录引言一、文件类型二、简要步骤三、认识标签一、文件类型Excel表格的扩展名是.xls;Word文档的扩展名是.doc;PowerPoint的扩展名是.ppt;画图软件的扩
2、展名是.bmp;常用文本的扩展名是.txt;而网页的扩展名则是.html文件的扩展名决定文件的类型,例如: 二、简要步骤新建文件重命名打开方式编写内容1.在桌面上单击右键,新建一个文本文档:如:”我的网页.html” 当确认重命名(按回车键或在空白处单击)的时候,会出现这样一个提示:更改文件扩展名就会更改文件类型,此时单击“是”即可。2.重命名该文件,并把扩展名. txt改为 . html;当直接打开此文件则无内容显示:3.怎样“打开”和编写呢?单击鼠标右键选择打开方式中的记事本选项,则会出现一个空白记事本;在笔记本中编写相应标签和代码即可在网页中显示,如:标题、文字、图片等。三、认识标签He
3、ad 头部Body 体部1、可以近似地把网页看成一个“人”HeadBody(头部)(体部)2、在记事本中编写标签Html是网页的标志,没有这个标签计算机将无法识别; 首先将头(head)和身体(body)写入记事本并分别用截止符“ / ”划定范围小小技技巧巧组合键ctrl +s是保存ctrl +c是复制;ctrl +v是粘贴重新打开网页点刷新即可。如图所示:3、编写主题在头部中输入名称如图:主题确定主题新主题更换为5、添加标题标题的代码是(其中i=1、2、3、4、5、6).标题字(最大).标题字(最小) 字体颜色的代码是标题 置中的代码是. 页面 背景颜色代码bgcolor=“颜色”(在bod
4、y中) 背景图片代码是background=“图片地址” 注:图片地址就是指平的全名并且图片与该网页在同一目录下例如:则结果如图:此黄页非彼黄页如若把 bgcolor=yellow background=hefeishifan.jpg“改写那显示图片的代码又是什么呢?显示图片的代码是当然图片的大小也是可以调整的代码:宽度:width=数值高度:height=数值如: 两张图片之间可以用空格代码和换行代码拉开距离6、如何在网页中添加图片呢?以黑色背景为例,则输入为:7、如何使网页有“魅力”?这样图片是显示了,但我们在别的网页内可以 看到会动的图片,怎样才能让图片动起来呢这就需要知道滑动的代码了如下所示:图片方向代码滑动代码滑动时间代码滑动去向代码如图输入点击查看此外,还有其他常用代码有序列表 . 效果为 . . 无序列表把o改为u即可 斜体字 . 粗体字. 底线 .这样一个最基本的网页就做好了想做更好看更实用的网页还需要大家去学习去思考