怎么在网页上创造图片_怎么在网页中插入图片html图片代码

⑴ 怎么在网页中插入图片html图片代码

代码如下:

1、<img src="divcss5-logo-201305.gif" width="165" height="60" />

img介绍：

src 后跟的是图片路径地址

width 设置图片宽度

height 设置图片高度

2、我们在html源代码中分别插入三张图片，一张原始大、一张将宽度高度改小小、一张将宽度高度改大。

(1)怎么在网页上创造图片扩展阅读:

在HTML中出现图片通常有2种：

1、某元素的背景图像【绝大多数元素都可以通过background属性设置其背景图像】
直接在html中的标签里设置：
<p style=”background-image:url(xxx.jpg)“>设置一个段落的背景图像</p>
在CSS上设置html中的 ”<p>一个段落</p>“ 的背景图像：
p{ background-image:url(xxx.jpg); }
2、图像元素img：
<img src="xxx.jpg" alt="这是一个图像元素">

⑵ 如何在自己的网页上添加视频,图片,,

1、首先，通过TXT文档，创建一个网页的基本框架。也就是html、head、body。当然，用dw创建一个网页文档，会自动写入这些代码。这里，使用的是dw.
2、图片的格式通过有3种：1）GIF2）JPEG3）PNG GIF最大的好处是可以制作动态图片。
具体选择何种格式，看你自己。
其中，.html文件，是我已经创建并保存好的网页
test.jpg是即将要插入的图片。
3、其实，最好的目录架构，是单独创建一个文件夹，比如img等，将图片资源放入其中。
笔者之所以这样，是为了截图方便。
4、那么如何插入图片呢？非常简单，插入图片的标记值有一个：“img”标记！请在body中加入如下一行：
<img src="./test.jpg">由src指示图片的位置
双击该网页运行，便可看到网页中的图片了
如何来添加一段视频呢？其实，方法很简单，您只需要将以下代码拷贝到你想显示的页面位置或者后台新闻、普通栏目的编辑框的源代码中，就可以实现网上视频播放了。
代码：
<div style=" display:block; width:98%;"><p style="text-align: left"><object id="myPlayer" height="375" width="440" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param value="mms://video.wingsmedia.com.cn/wuan/othersites/123.wmv" name="URL" />
<param value="1" name="rate" />
<param value="0" name="balance" />
<param value="" name="defaultFrame" />
<param value="1" name="playCount" />
<param value="0" name="autoStart" />
<param value="0" name="currentMarker" />
<param value="-1" name="invokeURLs" />
<param value="" name="baseURL" />
<param value="50" name="volume" />
<param value="0" name="mute" />
<param value="1" name="stretchToFit" />
<param value="0" name="windowlessVideo" />
<param value="-1" name="enabled" />
<param value="-1" name="enableContextMenu" />
<param value="0" name="fullScreen" />
<param value="" name="SAMIStyle" />
<param value="" name="SAMILang" />
<param value="" name="SAMIFilename" />
<param value="" name="captioningID" /></object></p> </div>
</div>
针对以上代码，您只需要修改几个参数就可以成功了。
height="375" width="440"
这个参数是设置视频的大小，前面是高度，后面是宽度。它们都是以像素为单位。用户可以根据实际需要设置其大小。
value="mms://video.wingsmedia.com.cn/wuan/othersites/123.wmv" name="URL"
这个是最主要的内容，就是添加视频的链接。视频的来源一般有两种，一个是自己传到网上的，还有一种是从别人网上拷贝来的链接。比如薯仔等一些视频网站。用户只要有视频的链接地址，替换掉代码中有下划线的链接地址就可以播放了。
但需要注意的是，视频的格式一定是wmv格式。
<param value="0" name="autoStart" />
这段代码是设置视频是否自动播放。“0”为默认不播放；“1”为页面打开后自动播放视频。

⑶ 怎样在自己的网页上添加动画图片或图片

可以直接引用图片的链接地址，不过这种方法打开起来会慢很多。

还可以把图片保存下来，自己修改合适的大小，然后上传进自己的网页，也可以保存到一些网络上的图片库里，再把你自己的链接地址贴上去就好了

贴图方法：<IMG SRC="图片网址" >------这个是按图片的原本大小贴上去。
<IMG SRC="图片网址" width=大小 height=大小>-----这个是按你设计的大小贴图上去。

可以试试。

⑷ 怎么在HTML网页上插入图片

上传图片。

有很多免费的图片寄存服务网站，如Picasa网络相册、Imgur网站、Flickr相册或相桶网站等等。仔细阅读这些网站的相关条款。有些服务器会削减你的图片质量。有些网站在遇到很多人浏览你的图片时，会因为它占用过多的主机宽带，而撤下你的照片。

有些博客网站允许你使用博客管理工具来上传你的照片。

如果你有付费的网络主机，可以使用FTP服务将照片上传到自己的网络站点。推荐您创建一个“图片”路径来方便整理、留存你的文件。

如果你想要使用其它网站上的照片，请先询问该网站的创建者，在获得授权后方可使用。如果创建者同意的话，先下载图片，然后再上传到图片寄存网站。
如何在HTML中插入图片

打开需要添加图片的网页文档。

如果你想要在论坛中插入一张图片，可以在帖子中直接输入。许多论坛并没有使用HTML来编辑网页，而是使用一种自定义的系统来进行编写。如果方法不适用，请向其它论坛高手寻求帮助。
如何在HTML中插入图片

以img标签来开头。

在网页的主体部分（即HTML的<body>部分）找到你想要插入图片的位置。在这里写下<img>标签。这是一个空标签，创建的是被引用图像的占位空间。同时在HTML中，<img> 标签是没有结束标签的。您需要将插入的图片放在两个尖括号之中。

<img>
如何在HTML中插入图片

找到图片的URL地址。

访问存放图片的网页。右键点击图片（Mac电脑中自动点选），然后选择“复制图片网址”。你也可以点击“查看图片”，来在新标签页中单独浏览图片。然后再复制地址栏里的URL地址。

如果你将图片上传到自己网站的图片目录下，可以通过 /images/此处是你的文件名网址来直接链接到图片。如果这个方法没有效果，很可能是因为图片位于其它文件夹路径中。你可以将它先移动到根目录，再进行查找。
如何在HTML中插入图片

⑸ 在html静态网页中如何插入背景图片，急需！！！

用<img> 标签。

代码样式：

代码说明：

这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。

代码标签解释：

1、<img> 标签定义图像。

2、src ：要显示的图像的 URL（图片地址）。

3、width：图片宽度

4、height：定义图像的高度。

5、px：即像素，1px代表屏幕上一个物理的像素点；

(5)怎么在网页上创造图片扩展阅读

一、img定义与用法：

1、img 元素向网页中嵌入一幅图像。

从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

2、<img> 标签有两个必需的属性：src 属性和alt 属性。

二、必需的属性：

1、alt text 规定图像的替代文本。

2、src URL 规定显示图像的 URL。

⑹ 如何在网页上放自己的图片

随便找个网站把图片方上去，比如网络回答问题时有“上传图片”，上传之后，
右键单击图片，里面有“复制图片地址”，点击，然后找到你说的那个5944网页，会有一个“显示源代码”，勾上，然后就把刚才的地址剪贴上去

⑺ 在网上怎么制作图片

推荐三个不错的可以在线直接进行照片的制作编辑的网站，首先选择效果，然后把你需要制作的照片按照要求传上去后它就可以帮你制作了
可牛影像
http://www.keniu.com/slist.php?p=home
美图秀秀网页版
http://web.meitu.com/
改图网：
http://www.gaitu.com/

⑻ 最简单的HTML制作之如何在网页中插入图片

<img>标签即可以实现：

<imgsrc="图片文件地址"alt="图片文件描述">

<img>标签支持的属性

这个元素支持 全局属性。

align

已废弃于 HTML4.01和HTML5，我们使用vertical-align 这一个 CSS 属性来替代
属性声明了图像相对于它周围上下文的对齐。

alt

这个属性定义了描述图像的替换文本。用户将看到这个显示，如果图像的地址是错误的，或该图像不在支持的格式列表中，或者如果图像还没有被下载。
使用说明：省略这个属性表明该图像不是内容的关键部分，但没有等效的文本可用。把这个属性设置为空字符串，表明该图像不是内容的关键部分。非可视化浏览器在渲染的时候可能会忽略它。

border

已废弃HTML4.01与 HTML5，我们使用border这一个 CSS 属性来替代
属性声明了图像周围的边框宽度。

crossorigin （HTML5）

这个属性表明是否必须使用CORS 完成相关图像的抓取。启用CORS的图像在<canvas>元素中可以重复使用而不会被污染。允许的值有：

anonymous

执行一个跨域的请求（比如，有Origin:HTTP header）。但是没有发送证书（比如，没有cookie，没有X.509 证书，没有HTTP 基本的授权认证）。如果服务器没有给源站证书（没有设置Access-Control-Allow-Origin:HTTP头），图像会被污染而且它的使用会被限制。

use-credentials

一个有证书的跨域请求（比如，有Origin:HTTP header）被发送（比如，a cookie, a certificate, and HTTP Basic authentication is performed）。如果服务器没有给源站发送证书（通过 Access-Control-Allow-Credentials: HTTP header），图像将会被污染，且它的使用会受限制。

当用户并未显式使用本属性时，默认不使用 CORS 发起请求(例如，不会向服务器发送 HTTP 头部信息)，用以防止其在<canvas>中的使用。如果无效，默认当做anonymous关键字生效。更多信息，请查看CORS 属性设置。

height

图像的高度，在HTML5中的单位是 CSS 像素，在HTML 4中可以是像素也可以是百分比。

hspace

已废弃HTML4.01和HTML5

属性声明了插入到图像的左侧和右侧的空白像素的值。

ismap
这个布尔属性表示图像是否是服务器端map的一部分。如果是，那么点击的精准坐标将会被发送到服务器。
使用说明：只有当<img>是href属性是有效的<a>元素的内联元素时，这个属性才被允许使用。
longdesc

（HTML 4only）
属性声明了一个 URL ，描述了要显示图像的URL描述，是对alt 属性文本的补充。

name

已废弃HTML4.01和HTML5
属性声明了元素的名字。在HTML 4只向后兼容。使用id属性替代。

sizes

（HTML5）
属性表示资源大小的以逗号隔开的一个或多个字符串。每一个资源大小包括：

一个媒体条件。最后一项一定是被忽略的。
一个资源尺寸的值。

资源尺寸的值被用来指定图像的预期尺寸。当srcset使用 'w' 描述符时，用户代理使用当前图像大小来选择srcset中合适的一个图像URL。被选中的尺寸影响图像的显示大小（如果没有CSS样式被应用的话）。如果没有设置srcset属性，或者没值，那么sizes属性也将不起作用。

src

属性声明了图像的 URL，这个属性对<img>元素来说是必需的。在支持srcset的浏览器中，src被当做拥有一个像素密度的描述符1x的候选图像处理，除非一个图像拥有这个像素密度描述符已经被在srcset或者srcset包含 '地址'描述符中定义了.

srcset

（HTML5）
属性声明了以逗号分隔的一个或多个字符串行表表明一系列用户代理使用的可能的图像。每一个字符串由以下组成：
一个图像的URL。

可选的，空格后跟以下的其一：

一个宽度描述符，这是一个正整数，后面紧跟 'w' 符号。该整数宽度除以sizes属性给出的资源（source）大小来计算得到有效的像素密度，即换算成和x描述符等价的值。
一个像素密度描述符，这是一个正浮点数，后面紧跟 'x' 符号。

如果没有指定源描述符，那它会被指定为默认的1x。

在相同的srcset属性中混合使用宽度描述符和像素密度描述符时，会导致该值无效。重复的描述符（比如，两个源在相同的srcset两个源都是'2x'）也是无效的。

浏览器选择在给出的时间点显示大部分adequate 图片。

width

属性声明了图像的宽度，在HTML5中单位是CSS 像素，在HTML 4中可以是像素也可以是百分比。

usemap

属性声明了与元素相关联的的image map的部分 URL（以'#' 开始的部分）。
使用说明：如果<img>元素是<a>或<button>元素的后代元素则不能使用这个属性。

vspace

已废弃HTML4.01和HTML5
属性声明了插入到图像的上方和下方的空白像素的数组。

支持的图像格式

HTML 标准并没有给出必须支持的图像格式的列表，因此每个用户代理支持一组不同的格式。一般而言支持以下格式：

JPEG
GIF，包括动态的GIFs
PNG
APNG
SVG
BMP
BMP ICO
PNG ICO
WEBP

与 CSS 的交互

关于 CSS，<img>是一个替换元素。它没有基线，这意味着当在一个行内格式的上下文中使用vertical-align: baseline 时，图像的底部将会与容器的基线对齐。

根据它的类型，图像可能会有一个本征维数（intrinsic dimension），但这不是一个必要条件：SVG图像就没有，而光栅图像有。

例 1

```
<imgsrc="logobrand.png"alt="brand">
```

例 2：图像链接

<ahref="/"><imgsrc="logobrand.png"alt="brand"></a>

例3：使用srcset属性

在支持srcset 的用户代理中，src属性是1x候选项。

<imgsrc="logobrand.png"alt="brand"srcset="logobrandHD.png2x">

例4：使用srcset和sizes属性

在支持srcset 的用户代理中，当使用'w' 描述符时，src 属性会被忽略。当匹配了媒体条件(min-width: 600px)时，图像将宽200px，否则宽50vw（视图宽度的50%）。

<imgsrc="logobrand.png"alt="brand"srcset="logobrand.png200w,brandlogo-400.png400w"sizes="(min-width:600px)200px,50vw">

【图例】给HTML添加的图片

⑼ 怎样在网页上放图片

在网页上放图片有两种方法，

一种是图片直接引入：

<imgsrc="XXX.jpg(这里是路径)"title="鼠标停留时显示的文字说明"alt="图片路径出问题时显示的文字说明"/>

第二种是把图片当做背景引入：

<divclass="bg-img"></div>

以上是html，以下是css

.bg-img{
background:url(XXX.jpg)no-repeat00;
}

说明：背景引入，要么把css写在类里，要么把css用style直接用在标签上：

<divstyle="background:url(XXX.jpg)no-repeat00"></div>

（当我是不专业的辩解吧..因为style直接写在标签上很少用，所以不清楚这样缩写有没有问题.. = =）

css内容说明：

background:url(XXX.jpg) no-repeat 0 0;

-- XXX.jpg 明显就是引入图片路径了。如果不用缩写的话，是这样子的：background-image:url(XXX.jpg);

-- no-repeat 就是图片要不要重复显示，no-repeat:不重复显示；repeat-x：按X轴方向重复显示；repeat-y：按Y轴方向重复显示。如果不用缩写的话，是这样子的：backgroung-repeat:...;

-- 0 0 是图片开始显示的坐标，不缩写的话，是这样子的：background-position:0 0;

具体请到http://www.w3school.com.cn里搜索background进行查看。

⑽ 如何在网页上创建图像幻灯片

所谓“超链接”是网页制作中的一个名词，也就是从当前网页切换到其他网页中去的一个入口。随着超链接功能的不断发展，该功能已被其他应用程序所移植，Powerpoint也具有超链接功能。
一、建立同一演示文稿中的超链接
建立同一演示文稿中的超链接通常有以下三种方法。
方法一：对象法
例如：下面将1张幻灯片中的某个对象超链接到第2张幻灯片中。
定位到第1张幻灯片中，选择用做超链接的文本或对象。
切换到“插入”菜单选项卡中，单击“链接”组中的“超链接”按钮，打开“插入超链接”对话框，如下图所示。
在左侧“链接到”文字的下面，选中“本文档中的位置”选项，然后在中间“请选择文档中的位置”下面，“幻灯片标题”列表，选中第2张幻灯片，单击“确定”按钮返回即可。
方法二：动作法
定位到相应的幻灯片中，选择用做超链接的文本或对象。
切换到“插入”菜单选项卡中，单击“链接”组中的“动作”按钮，打开“动作设置”对话框，如下图所示。
选中“超链接到”选项，然后单击其右侧的下拉按钮，在随后出现的下拉列表中，选择“幻灯片”选项，打开“超链接到幻灯片”对话框。
选中要超链接到的幻灯片，单击“确定”按钮返回到“动作设置”对话框，再单击“确定”按钮退出即可。
方法三：动作按钮法
定位到相应的幻灯片中，切换到“插入”菜单选项卡中，利用“插图”/“形状”/“动作按钮”/“自定义动作按钮”在幻灯片中拖拉出一个动作按钮，拖拉结束松开鼠标后，会弹出“动作设置”对话框。
以下有关超链接的设置同方法二中的步骤中的步骤（3）和（4）相同。
超链接设置完成后，右击动作按钮，在随后出现的快捷菜单中选择“编辑文字”选项，进入文字编辑状态，输入相应的文字。
设置好按钮的相关格式并定位到合适的位置上即可。
二、超链接到其他演示文稿中
启动Powerpoint
2007，打开相应的演示文稿，定位到相应的幻灯片中，选择用做超链接的文本或对象。
切换到“插入”菜单选项卡中，单击“链接”组中的“动作”按钮，打开“动作设置”对话框。
选中“超链接到”选项，然后单击其右侧的下拉按钮，在随后出现的下拉列表中，选择“其他Powerpoint演示文稿”选项，打开“超链接到其他Powerpoint演示文稿”对话框。
选中要超链接到的演示文稿文档，单击“确定”按钮，打开“超链接到幻灯片”对话框，如下图所示。
选中超链接放映的起始幻灯片，单击“确定”按钮返回到“动作设置”对话框，再单击“确定”按钮退出即可。

怎么在网页上创造图片

<img>标签支持的属性

支持的图像格式

与 CSS 的交互

与怎么在网页上创造图片相关的内容