1、上传。
有很多免费的寄存服务网站，如Picasa网络相册、Imgur网站、Flickr相册或相桶网站等等。如果你想要使用其它网站上的照片，请先询问该网站的创建者，在获得授权后方可使用。如果创建者同意的话，先下载，然后再上传到寄存网站。
2、打开需要添加的网页文档。
如果你想要在论坛中插入一张，可以在帖子中直接输入。许多论坛并没有使用HTML来编辑网页，而是使用一种自定义的系统来进行编写。如果方法不适用，请向其它论坛高手寻求帮助。
3、以img标签来开头。
在网页的主体部分（即HTML的<body>部分）找到你想要插入的位置。在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。同时在HTML中，<img>标签是没有结束标签的。您需要将插入的放在两个尖括号之中。
4、找到的URL地址。
访问存放的网页。右键点击（Mac电脑中自动点选），然后选择“复制网址”。你也可以点击“查看”，来在新标签页中单独浏览。然后再复制地址栏里的URL地址。
5、将URL地址放到“src”属性中。
正如你所知道的那样，HTML属性通过标签来修饰元素，为HTML元素提供附加信息。src属性是“来源”的缩写，会告诉浏览器去哪里能查找到。写下src=""，将的URL地址粘贴到引号之中。
6、添加“alt”属性。
从技术层面讲，你的HTML文件已经具备了显示的所有元素了。不过，最好添加上alt属性，这会在加载失败时以文字形式来显示内容。
7、保存更改。
将HTML文件保存到你的网站。访问你刚刚编辑好的页面，如果你已经打开了网页，请再次刷新一下。此时你应该能看到添加的了。
一、数字键控制代码：<div style="position:relative; top:-50px; left:240px;">
<a href="javascript:show(1)"><span id="I1" style="width:18px; text-align:left; background:gray">1</span></a>
<a href="javascript:show(2)"><span id="I2" style="width:18px;text-align:left;background-color:gray">2</span></a>
<a href="javascript:show(3)"><span id="I3" style="width:18px;text-align:left;background-color:gray">3</span></a>
<a href="javascript:show(4)"><span id="I4" style="width:18px;text-align:left;background-color:gray">4</span></a>
<a href="javascript:show(5)"><span id="I5" style="width:18px;text-align:left;background-color:gray">5</span></a>
<a href="javascript:show(6)"><span id="I6" style="width:18px;text-align:left;background-color:gray">6</span></a></div>
<script language="javaScript">
var nowIndex=1;
var maxIndex=6;
function show(index)
{
if(Number(index)){
clearTimeout(theTimer);
nowIndex=index;
}
for(var i=1;i<(maxIndex+1);i++){
if(i==nowIndex)
{documentgetElementById('pic'+nowIndex)styledisplay='';
documentgetElementById('I'+nowIndex)stylebackgroundColor='red';}
else
{documentgetElementById('pic'+i)styledisplay='none';
documentgetElementById('I'+i)stylebackgroundColor='gray';}
}{
if(nowIndex==maxIndex)
nowIndex=1;
else
nowIndex++;
}
theTimer=setTimeout('show()',3000);
}
</script>
</div>
二、自动播放：
<div id="butong_net_left" style="overflow:hidden;width:1000px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">你可以通过把某元素嵌套进a元素使其变成一个链接。
把你的嵌套进a元素。举例如下：
<a href="#"><img src="/images/relaxing-catjpg"></a>
超链接是网页中的重要元素，超链接能使浏览者从一个页面跳转到另一个页面，实现文档和网页的互联工作。
了解超链接前还需要知道绝对路径和相对路径的概念。
绝对路径有两个缺点：需要输入更多内容，
如果文件被移动，需要重新设置所有相关链接。
相对路径更适合网站内部链接。
相对路径使得同处站点文件夹内的相对地址可以自由在文件夹间构建连接，即使站点文件夹所在服务器发生改变，文件夹的所有内部链接都不会出现问题。
超链接标记基本语法
<a href=”文件名”>链接元素</a><a href=”URL”>链接元素</a>html中img路径是配置在src这个属性中的。
1、SRC属性。对于IMG标记，其SRC属性是必然属性，即在IMG标记中SRC是必须赋值的，是标记不可缺少的一部分。这时，IMG应该写成如下格式：
以下是引用片段：
IMGSRC=参数值
其中，参数值为图像的文件名全称和路径。
2、图像文件的路径可以是相对路径，也可以是网址。所谓相对路径是指所要或嵌入到当前HTML文档的文件与当前HTML文件的相对位置所形成的路径。假如HTML文件与图像文件（假设名字为logogif）在同一个目录下，则可以将代码写成IMG
SRC=logogif；假如该图像文件放在当前的HTML文件所在目录的一个子目录（假设子目录名为images）下，则代码应为IMG
SRC=images/logogif；假如该图像文件放在当前HTML文件所在目录的上层目录（假设上层目录名为home）下，则相对路径必须是准网址了，即用/来表示开发者的网站，然后在后边紧跟图像文件在开发者网站中的路径。例如，假设home是这个网站下的一个目录，则代码应该为IMG
SRC=/home/logogif，若home是网站下的目录king下的一个子目录，则代码应该写为IMG
SRC=/king/home/logogif。
1、首先打开hbuilder软件，新建啊一个html文件并在里面创建一个div容器，容器设置class属性名为container，div内设置一个。
2、然后在上方style标签中设置container的样式，为了观察方便，设置div的高度和宽度以及背景色，并设置margin属性让div居中。再设置img的属性，让它的display为inline内联元素，在设置float属性为left就可以居中了。
3、最后打开浏览器，可以看到是顶在div容器的左上角的，说明是居左对齐的。
这是我从一个网站上复制下来的 用 <img> 这个 Tag 可以在HTML里面插入。最基本的语法如下：<img src="url">
url表示的路径和文件名。比如 url 可以是 images/logo/blabla_logo01gif，也可以是个相对路径 "/images/logo/blabla_logo01gif"。
示例
alt属性
<img>中有一个alt属性，英文叫alternate text。例句如下：
<img src = "/images/html_tutorials/smilejpg" alt="smile face">
假使浏览器没有载入的功能，浏览器就会转而显示Alt属性的值。
其实，现在大多数浏览器都支持载入。在此介绍Alt属性，是因为它的另外一个重要功能。目前搜索引擎抓取工具无法识别图像中所含的文字，所以用ALT属性写上的说明，便于搜索引擎抓取你网页的内容。
示例
align属性
用align属性，可以改变的垂直(居上、居中、居下)对齐方式和水平对齐方式(居左、居中、居右)。
示例
的大小
在缺省状况下，显示原有的大小。你可以用height和width属性改变的大小。不过的大小一旦被改变，会相应放大或缩小，显示出来的结果可能会很难看。
示例
建议
相对文字，所占的字节数较多，比如一个全屏的，即使经过压缩，也要占去大约50k字节，这相当于25000字的文本。因此浏览器载入比较费时，建议一个HTML文件里不要包含过多的，否则会影响你的网页显示速度。
更多示例
背景
这个示例演示如何将一个作为HTML网页的背景。
将一个作为一个超链接
这个示例演示了如何将一个作为一个超链接，即点击一个，可以连接到其它文件
>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）