html怎么添加图片

html-css010

html怎么添加图片,第1张

html添加图片的方法:首先打开编辑器,新建img标签;然后给img标签的属性【src添加一张图片的地址】;最后把html文件拖到浏览器中即可。具体如下:

点击打开html编辑器sublime_text.

我们创建一个html文件,然后【创建一个img标签】。

创建img标签以后,我们给img标签的属性【src添加一张图片的地址】。

我们把html文件拖到浏览器中,然后就可以查看加入图片的效果了。

html简介:

超文本标记语言(HyperTextMarkupLanguage),标准通用标记语言下的一个应用。HTML不是一种编程语言,而是一种标记语言(markuplanguage),是网页制作所必备的。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分,其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

1、构思:一张大图片、一张小图片要形成什么意境,要事先构思好。

2、获取图片地址:如果自己上传,完成后点显示源代码,复制图片地址备用。如果是网上现有图片,右击点“属性”,复制图片地址备用。注意记住图片的宽和高。

3、进入编辑:进入自己的网站或博客后台,并使编辑器处于代码编辑状态。贴入代码:

<TABLE width=650 background=大图地址 height=488>

<TBODY>

<TR>

<TD>

<P><IMG style="MARGIN: 0px 0px 300px 300px" src="小图地址">

</P></TR></TBODY></TABLE>

4、修改代码:将第二步中获取的图片地址分别添加到本文第三步相应位置,并修改宽(width)和高(height)。

5、调整小图片位置:这是制作的关键代码:MARGIN: 0px 0px 300px 300px调整上边的值,就可实现定位。

6、修饰:还可对整体进行修饰。例如加边框,会有立体感。加入代码“border=10”即可(10可以调整)。