网页制作教程

详细操作

首先，我们用文本编辑器创建一个html文件，并输入html基本标签要素。若此步有问题，请阅读小编的“网页制作教程-Hello, world!”一篇。

网页中，我们使用

标签来显示图片。基本格式如下：

我们在网页源码中通过这种方法来加入一个图片，这个图片会以全尺寸在网页中显示出来。

标签中，可以使用width与height来指定图片显示大小。格式为：

其中高与宽可以使用像素指定，如10px表示10个像素点，我们在示例中使用这样的方法来控制图片显示的大小为60x60，这会导致图片被缩小或者被拉升。

我们还可以使用百分比来指定图片的显示大小，width=50%表示图片显示尺寸占屏幕的一半，示例如下：

关于网页显示图片的基本方法讲解完毕。我们将网页源码保存为2.html，将用浏览器打开，可以看到如下效果（从左到右三个图片分别是2-4步骤插入图片的呈现效果）：

用户类似问题：

问题1：网页设计中如何让图片显示时从中间向两边?

居中显示就可以啊，align="center",text-align:center,,margin:0 auto; 具体看你代码怎么写了 >>详细

问题2：怎么制作网页上的图片切换？要教程，不要代码。谢谢

试试这个图片切换 有12345数字一起切换 鼠标点一下数字会变换到另一张图片，不点就会自动换 里面有教程和源码 >>详细

问题3：网页制作 如何制作那种一张图片下面写着1234 然后...

网页制作需要以下软件(软件及教程)： 按提示，安装完成即可永久使用，支持任何WIN系统。 菜鸟网页制作http://s.biso.cn/soft/411.htm DreamweaverMX 软件及教程的安全下载：http://biso.cn/soft/281.htm DreamweaverCS4 软件及教程的安全下载：h... >>详细

问题4：怎么制作网页教程

先从最简单的 HTML 网页入手；选择 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗称三剑客网页工具。图象还须 Photoshop 等作为你的网页制作工具；制作前，粗略地阅读 Dreamweaver Fireworks 及 Photoshop 教程，了解这几个软件到底能做... >>详细

问题5：做一个简单的图片显示网页页面

※ ☆ ※为您做答 希望对你有帮助 如果满意请选择我的答案 您的支持是我最大的动力★★ ★要想学做网页，首先得了解制作网页的工具。 制作网页主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不... >>详细