简单的网页编写.ppt

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