简单的网页编写
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
当然图片的大小也是可以调整的代码: 宽度:width="数值"高度:height="数值" 如: <img src=“教学楼1.jpg” width=“320” height="240">
两张图片之间可以用空格代码<p>和
换行代码<br>拉开距离
以黑色背景为例,则输入为:
7、如何使网页有“魅力”?
这样图片是显示了,但我们在别的网页内可以
看到会动的图片,怎样才能让图片
这就需要知道滑动的代码了
动起来呢
滑动代码
如下所示:
方向代码
<marquee direction=up scrolldelay=300>图 片</marquee>
滑动去向代码
滑动时间代码
如图输入
点击查看
此外, 还有其他常用代码<hr color=green> 有序列表<OL type="i" or "a"> <LI>... 效果为 <LI>... <LI>... </LI></OL> 无序列表把o改为u即可 斜体字 <i>...</i>
选项中的“源文件”
按钮,如图:
则会出现如图的记事本,也许大家都看不明白。等上完这 节课就不会那么陌生了。
目录
引言 一、文件类型 二、简要步骤 三、认识标签
一、文件类型
文件的扩展名决定文件的类型,例如:
Excel表格的扩展名是.xls; Word文档的扩展名是.doc; PowerPoint的扩展名是.ppt; 画图软件的扩展名是.bmp; 常用文本的扩展名是.txt; 而网页的扩展名则是.html
当直接打开此文件则无内容显示:
3.怎样“打开”和编写呢?
来自百度文库
单击鼠标右键选择打开方式中的记事本选项,则会 出现一个空白记事本; 在笔记本中编写相应标签和代码即可在网页中显示, 如:标题、文字、图片等。
三、认识标签
Head
头部
Body
体部
1、可以近似地把网页看成一个“人”
Head
(头部) (体部)
注:图片地址就是指平的全名并且图片与该网页在同一目录下
例如:
则结果如图:
此 黄 页 非 彼 黄 页
如若把
bgcolor="yellow "
background="hefeishifan.jpg“
改 写
6、如何在网页中添加图片呢?
那显示图片的代码又是什么呢?
显示图片的代码是<img src="图片地址">
3、编写主题<title> 在头部中输入<title>名称</title> 如图:
主题
确定主题
更换为
新主题
5、添加标题 标题的代码是<hi>…</hi>
(其中i=1、2、3、4、5、6) <h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
字体颜色的代码是<font color=“颜色”>标题</font> 置中的代码是<center>...</center> 页面 背景颜色代码bgcolor=“颜色”(在body中) 背景图片代码是background=“图片地址”
粗体字<b>...</b>
底线 <u>...</u>
这样一个最基本的网页就做好了 想做更好看更实用的网页还需要 大家去学习去思考
谢谢
二、简要步骤
新建文件
重命名
打开方式 编写内容
1.在桌面上单击右键,新建一个文本文档:
2.重命名该文件,并把扩展名. txt改为 . html;
如:”我的网页.html” 当确认重命名(按回车键或在空白处单击)的时候,会出现这样一个提示:
更改文件扩展名就会更改文件类型,此时单击“是”即可。
用文本文档编写网页
引言
当今社会网络已是遍布全球家喻户晓了,人们经常 用它处理各种大小事情。 但是当我们打开某一个网页是否想过它是怎么来的, 当然不是天生就有的,是人类通过思考研发出来的。那 么网页究竟是怎么做出来的呢? 下面我教大家一个制作简单基本网页的方法:
首先,在打开一个
网页时,例如:百度 点击菜单栏中的查看
Body
2、在记事本中编写标签 Html是网页的标志,没有这个标签计算机将无 法识别; 首先将头(head)和身体(body)写入记事 本并分别用截止符“ / ”划定范围
页重 点新 组 可刷 打是是是合 。新 开粘复保键 即网贴制存 ;
ctrl +s ctrl +c ctrl +v
小 技 巧
如图所示:
两张图片之间可以用空格代码<p>和
换行代码<br>拉开距离
以黑色背景为例,则输入为:
7、如何使网页有“魅力”?
这样图片是显示了,但我们在别的网页内可以
看到会动的图片,怎样才能让图片
这就需要知道滑动的代码了
动起来呢
滑动代码
如下所示:
方向代码
<marquee direction=up scrolldelay=300>图 片</marquee>
滑动去向代码
滑动时间代码
如图输入
点击查看
此外, 还有其他常用代码<hr color=green> 有序列表<OL type="i" or "a"> <LI>... 效果为 <LI>... <LI>... </LI></OL> 无序列表把o改为u即可 斜体字 <i>...</i>
选项中的“源文件”
按钮,如图:
则会出现如图的记事本,也许大家都看不明白。等上完这 节课就不会那么陌生了。
目录
引言 一、文件类型 二、简要步骤 三、认识标签
一、文件类型
文件的扩展名决定文件的类型,例如:
Excel表格的扩展名是.xls; Word文档的扩展名是.doc; PowerPoint的扩展名是.ppt; 画图软件的扩展名是.bmp; 常用文本的扩展名是.txt; 而网页的扩展名则是.html
当直接打开此文件则无内容显示:
3.怎样“打开”和编写呢?
来自百度文库
单击鼠标右键选择打开方式中的记事本选项,则会 出现一个空白记事本; 在笔记本中编写相应标签和代码即可在网页中显示, 如:标题、文字、图片等。
三、认识标签
Head
头部
Body
体部
1、可以近似地把网页看成一个“人”
Head
(头部) (体部)
注:图片地址就是指平的全名并且图片与该网页在同一目录下
例如:
则结果如图:
此 黄 页 非 彼 黄 页
如若把
bgcolor="yellow "
background="hefeishifan.jpg“
改 写
6、如何在网页中添加图片呢?
那显示图片的代码又是什么呢?
显示图片的代码是<img src="图片地址">
3、编写主题<title> 在头部中输入<title>名称</title> 如图:
主题
确定主题
更换为
新主题
5、添加标题 标题的代码是<hi>…</hi>
(其中i=1、2、3、4、5、6) <h1>...</h1>标题字(最大)
<h6>...</h6>标题字(最小)
字体颜色的代码是<font color=“颜色”>标题</font> 置中的代码是<center>...</center> 页面 背景颜色代码bgcolor=“颜色”(在body中) 背景图片代码是background=“图片地址”
粗体字<b>...</b>
底线 <u>...</u>
这样一个最基本的网页就做好了 想做更好看更实用的网页还需要 大家去学习去思考
谢谢
二、简要步骤
新建文件
重命名
打开方式 编写内容
1.在桌面上单击右键,新建一个文本文档:
2.重命名该文件,并把扩展名. txt改为 . html;
如:”我的网页.html” 当确认重命名(按回车键或在空白处单击)的时候,会出现这样一个提示:
更改文件扩展名就会更改文件类型,此时单击“是”即可。
用文本文档编写网页
引言
当今社会网络已是遍布全球家喻户晓了,人们经常 用它处理各种大小事情。 但是当我们打开某一个网页是否想过它是怎么来的, 当然不是天生就有的,是人类通过思考研发出来的。那 么网页究竟是怎么做出来的呢? 下面我教大家一个制作简单基本网页的方法:
首先,在打开一个
网页时,例如:百度 点击菜单栏中的查看
Body
2、在记事本中编写标签 Html是网页的标志,没有这个标签计算机将无 法识别; 首先将头(head)和身体(body)写入记事 本并分别用截止符“ / ”划定范围
页重 点新 组 可刷 打是是是合 。新 开粘复保键 即网贴制存 ;
ctrl +s ctrl +c ctrl +v
小 技 巧
如图所示: