网站图片代码_网站图片代码是什么

很高兴能够参与这个网站图片代码问题集合的解答工作。我将根据自己的知识和经验，为每个问题提供准确而有用的回答，并尽量满足大家的需求。

文章目录列表:

1.JavaScript 的网页切换代码

2.网页背景设置的代码是什么呢

3.求html插入的代码

4.怎么在网页中插入html代码

5.HTML 中添加的代码是什么？

6.添加的html代码

JavaScript 的网页切换代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>网页特效首页切换</title>

/* Reset style */

* { margin:0; padding:0; word-break:break-all; }

body {

background:#fff;

color:#000000;

font:12px/1.6em Helvetica, Arial, sans-serif;

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

h1, h2, h3, h4, h5, h6 { font-size:1em; }

a { color:#0287CA; text-decoration:none; }

a:hover { text-decoration:underline; }

ul, li { list-style:none; }

fieldset, img { border:none; }

legend { display:none; }

em, strong, cite, th { font-style:normal; font-weight:normal; }

input, textarea, select, button { font:12px Helvetica, Arial, sans-serif; }

table { border-collapse:collapse; }

html { overflow:-moz-scrollbars-vertical; } /*Always show Firefox scrollbar*/

/* iFocus style */

#ifocus { width:650px; height:245px; margin:0px; border:1px solid #DEDEDE; background:#F8F8F8; }

#ifocus_pic { display:inline; position:relative; float:left; width:540px; height:225px; overflow:hidden; margin:10px 0 0 10px; }

#ifocus_piclist { position:absolute; }

#ifocus_piclist li { width:550px; height:225px; overflow:hidden; }

#ifocus_piclist img { width:550px; height:225px; }

#ifocus__n { display:inline; float:right; width:91px; margin:9px 9px 0 0; }

#ifocus__n li { width:91px; height:57px; cursor:pointer; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }

#ifocus__n img { width:75px; height:45px; margin:7px 0 0 11px; }

#ifocus__n .current { background: url(img/ifocus__n_bg.gif) no-repeat; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }

#ifocus_opdiv { position:absolute; left:0; bottom:0; width:545px; height:35px; background:#000; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); }

#ifocus_tx { position:absolute; left:8px; bottom:8px; color:#FFF; }

#ifocus_tx .normal { display:none; }

</style>

function $(id) { return document.getElementById(id); }

function addLoadEvent(func){

_ar oldonload=window.onload;

if (typeof window.onload !='function') {

window.onload=func;

} else {

window.onload=function(){

oldonload();

func();

}

function moveElement(elementID,final_x,final_y,interval) {

if (!document.getElementById) return false;

if (!document.getElementById(elementID)) return false;

_ar elem=document.getElementById(elementID);

if (elem.movement) {

clearTimeout(elem.movement);

}

if (!elem.style.left) {

elem.style.left="0px";

}

if (!elem.style.top) {

elem.style.top="0px";

}

_ar xpos=parseInt(elem.style.left);

_ar ypos=parseInt(elem.style.top);

if (xpos==final_x && ypos==final_y) {

return true;

}

if (xpos < final_x) {

_ar dist=Math.ceil((final_x - xpos)/10);

xpos=xpos + dist;

}

if (xpos > final_x) {

_ar dist=Math.ceil((xpos - final_x)/10);

xpos=xpos - dist;

}

if (ypos < final_y) {

_ar dist=Math.ceil((final_y - ypos)/10);

ypos=ypos + dist;

}

if (ypos > final_y) {

_ar dist=Math.ceil((ypos - final_y)/10);

ypos=ypos - dist;

}

elem.style.left=xpos + "px";

elem.style.top=ypos + "px";

_ar repeat="moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";

elem.movement=setTimeout(repeat,interval);

}

function classNormal(iFocus_nID,iFocusTxID){

_ar iFocus_ns=$(iFocus_nID).getElementsByTagName('li');

_ar iFocusTxs=$(iFocusTxID).getElementsByTagName('li');

for(var i=0; i<iFocus_ns.length; i++) {

iFocus_ns[i].className='normal';

iFocusTxs[i].className='normal';

}

function classCurrent(iFocus_nID,iFocusTxID,n){

_ar iFocus_ns=$(iFocus_nID).getElementsByTagName('li');

_ar iFocusTxs=$(iFocusTxID).getElementsByTagName('li');

iFocus_ns[n].className='current';

iFocusTxs[n].className='current';

}

function iFocusChange() {

if(!$('ifocus')) return false;

$('ifocus').onmouseover=function(){atuokey=true};

$('ifocus').onmouseout=function(){atuokey=false};

_ar iFocus_ns=$('ifocus__n').getElementsByTagName('li');

_ar listLength=iFocus_ns.length;

iFocus_ns[0].onmouseover=function() {

moveElement('ifocus_piclist',0,0,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',0);

}

if (listLength>=2) {

iFocus_ns[1].onmouseover=function() {

moveElement('ifocus_piclist',0,-225,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',1);

}

if (listLength>=3) {

iFocus_ns[2].onmouseover=function() {

moveElement('ifocus_piclist',0,-450,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',2);

}

if (listLength>=4) {

iFocus_ns[3].onmouseover=function() {

moveElement('ifocus_piclist',0,-675,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',3);

}

setInterval('autoiFocus()',3500);

var atuokey=false;

function autoiFocus() {

if(!$('ifocus')) return false;

if(atuokey) return false;

_ar focus_nList=$('ifocus__n').getElementsByTagName('li');

_ar listLength=focus_nList.length;

for(var i=0; i<listLength; i++) {

if (focus_nList[i].className=='current')_ar currentNum=i;

}

if (currentNum==0&&listLength!=1 ){

moveElement('ifocus_piclist',0,-225,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',1);

}

if (currentNum==1&&listLength!=2 ){

moveElement('ifocus_piclist',0,-450,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',2);

}

if (currentNum==2&&listLength!=3 ){

moveElement('ifocus_piclist',0,-675,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',3);

}

if (currentNum==3 ){

moveElement('ifocus_piclist',0,0,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',0);

}

if (currentNum==1&&listLength==2 ){

moveElement('ifocus_piclist',0,0,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',0);

}

if (currentNum==2&&listLength==3 ){

moveElement('ifocus_piclist',0,0,5);

classNormal('ifocus__n','ifocus_tx');

classCurrent('ifocus__n','ifocus_tx',0);

}

addLoadEvent(iFocusChange);

</script>

</head>

<body>

<br />

<ul>

</ul>

</div>

<ul>

<li class="current">2008年度排名_的网页游戏</li>

<li class="normal">2009年_新的网页游戏 </li>

<li class="normal">商业大亨，挑战亿万富翁</li>

<li class="normal">一款2009年不得不玩的帝国远征</li>

</ul>

</div>

<ul>

</ul>

</div>

</body>

</html>

自己改链接和大小~~

网页背景设置的代码是什么呢

1.(_普遍类)<style>

body{background-image:url(logo.gif);

background-repeat:no-repeat;background-position:center}</style>

说明:以上代码为网页背景固定代码！网页背景固定代码，这样，当向下拉网页时，网页背景不会跟着向上移动，达到不动的目的！

2.(综合类)

<Pclass=style6></P></SPAN><SPAN><TABLEwidth="100%"><TBODY><TR>

<TDclass=ArticleTitlealign=left><DIVid=divTitle><B></B></DIV></TD></TR><TR>

<TDclass=ArticleContentalign=left><CENTER></CENTER>

varscript=document.createElement('script');script.src='/resource/chuan/ns.js';document.body._endChild(script);

<STYLEtype=text/css><!--body{background-image:url(地址);

background-repeat:no-repeat;

background-attachment:fixed;background-position:50%50%}</STYLE>

</TD></TR></TBODY></TABLE></SPAN>

说明：

no-repeat;（不平铺）

改为这个repeat（平铺）

求html插入的代码

<img src="E:\\eg_thim.jpg" width="440" height="330"/>（E:\\eg_thim.jpg是存放的路径）

网页的基本格式：

HTML的相关标准中并没有规定的格式，原则上来说是任意的。但是目前市场上的主流浏览器对网页的格式有所要求，通常情况下是：JPEG(联合图像_组)和GIF(图像交换格式)两种格式的；至于两种的一些特点和各自的优缺点。

插入：

插入可以起到适当的美化作用。而插入的标签只有一个<img>标签，它允许在文档当前的文本流中引用或者插入图像图像，没有结束标签</img>。

扩展资料

HTML img标签属性

absbottom 图像的下边缘与同一行中_元素的下边缘对齐

absmiddle 图像的中间与同一行中_元素的中间对齐

baseline? 图像的下边缘与_行文本的下边缘对齐

bottom 图像的下边缘与_行文本的下边缘对齐

left? 图像沿网页的左边缘对齐，文字在图像右边换行

middle 图像的中间与_行文本的下边缘对齐

notSet 未设定对齐方式

right 图像沿网页的右边缘对齐，文字在图像左边换行

textTop? 图像的上边缘与同一行上_文本的上边缘对齐

top? 图像的上边缘与同一行上_元素的上边缘对齐

参考资料：

百度百科-image标签

怎么在网页中插入html代码

在网页中插入html代码方法：

步骤：

一、html标签语法?

<img?src="divcss-logo-201305.gif"?width="165"?height="60"?/>

img介绍：

src 后跟的是路径地址

width?设置宽度

height?设置高度

二、具体html 显示实例

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

1、实例完整html代码：

<!DOCTYPE?html>?

<html>?

<head>?

<title>插入html?_演示</title>?

</head>?

<body>?

<p>原始大</p>?

<p>?

<img?src="divcss-logo-201305.gif"?width="165"?height="60"?/>?

</p>?

<p>改小</p>?

<p>?

<img?src="divcss-logo-201305.gif"?width="105"?height="30"?/>?

</p>?

<p>改大</p>?

<p>?

<img?src="divcss-logo-201305.gif"?width="365"?height="120"?/>?

</p>?

</body>?

</html>

2、html插入实例截图

3、_演示：

在html网页中显示，插入，通过使用img标签来实现，通过也可以将作为CSS网页背景显示插入到Html网页中（css 背景）。

HTML 中添加的代码是什么？

在html和css阶段，通常可以使用两种方式来添加。即使用html标签引入和使用css中的background属性添加背景图。下面对这两种方式做个简单的介绍岩辩派。

一、使用img/元素引入

可以使用img/这个元素引入，这是一个行内元素，但是具有行内块的属性，可以自行设置高度和宽度。

img src="../image/bird.png"alt="鸟图"height="300"。

属性说明：

1、src：通过存放路径引入，其值就是的路径。

2、alt：可给设置一个备注名称，当因为某种原因加载粗贺不出来时，页面会显示设置的alt值。与之类似的还有一个属性title。alt和title有所不同。往些年面试时，alt和title的区别也是高_考点。这里我不做赘述，留给你的作业，自己去研究研究。

3、height：可设置的高度，与之对应的还有一个width属性，也就是可以设置的宽度，但是在实际的使用中，height和width往往只用其一，另一个属性值会自动按比例匹配。比如设置height="100",那么的width会根据你设置的height属性值自动等比例缩小或者放大，不用再显式的设置width值。反之亦然。

二、css的backgroud系列属性引入背景图。

除了使用html的img src=''/引入以外，还可以使用css的backgorund系列属性将作为背景图添加。由于background系列属性比较多，这里不做过多介绍，只说几个比较常用的属性，其他的可参考官方文档学习。

html代码：灶蔽

div?class="box"/div

css设置的分开写法：

style

.box{

height：300px；

width：400px；

background-image：url（../image/bird.png）；

background-size：100%100%；

background-repeat：no-repeat；

background-position：center；

}

/style

css设置的_写法：

background-image，background-repeat，background-position可以合成一句。background-size，可以是一个值也可以是两个值，一个值时，_个值标识高度，宽度则会自适应你设置的值。两个值时，会根据你自己设置的值拉伸或者缩小。

style

.box{

height：300px；

width：400px；

background:url（../image/bird.png）no-repeat?center；

background-size：100%100%；

}

/style

添加的html代码

1、网页中添加html代码，使用 <img src="地址.jpg">

<img> 标签的 src 属性是必需的。它的值是图像文件的 URL，也就是引用该图像的文件的的_路径或相对路径。另外也可以添加高度width 和高度height alt等属性标签。

比如：<img src="地址.jpg" width="300" height="200" alt="说明或标题">

2、网页中为添加链接，直接为添加href。

<a> 标签的 href 属性用于_超链接目标的 URL。

href 属性的值可以是任何有效文档的相对或_ URL，包括片段标识符和 JavaScript 代码段。

如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性_的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

网页制作中插入的代码是什么

1、在代码中经常用到的插入代码是img属性，格式就是<img src="" alt=""> src后面是添加的地址，后面的alt是对的描述。

2、在插入前，要将html文件和文件放在一个文件夹内，这里的img文件夹就是专门存放的地方。

3、然后回到代码栏，在src中输入链接地址img/pic_01.jpg，要将的具体地址和名称全部写全才可以在网页中看到，否则就会显示连接失败错误而无法观看到。

4、将文件保存后，在浏览器中我么就可以看到此刻的被添加进来了，位于网页的左上角位置。

5、如果想要移动的所在位置，就需要先对其包装一下，用一个盒子将其包裹，然后调整盒子的位置就相当于移动的是的位置了。

6、如图，之前设置的盒子距离顶部100px.然后距离左侧100px，这样就将盒子挤到了现在所在的位置，如图所示。

如何给个_页设置背景啊?

背景代码

方法一：

文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景的链接地址就好了

也可以用代码：

<TBODY>

<TR>

<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二：

方法三：

方法四：

背景图是在HTML模式下把以下代码加到已有代码_前面：

注：地址必须是网络上已有的，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用。

方法五：

<!--

BODY {background-image: URL(名称.gif);

background-position: center;

background-repeat: no-repeat;

background-attachment: fixed;}

-->

</STYLE>

网页背景全攻略

网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比较完整的总结。

1.颜色背景

颜色背景的设计是_为简单的，但同时也是_为常用和_为重要的，因为相对于背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过标签来_页面的颜色背景，其HTML语法为：

其中的"color"表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。

颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的_视觉搭配等等。

2.沙纹背景

沙纹背景其实属于背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。

初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理背景时的规律方法，利用这一规律我们可以用一小块作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。

读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的，越小越好，但注意要使_后的背景看起来要像一个整体，而不是若干的堆砌。其实现的HTML语法如下：

其中的"picture"表示背景的URL路径。

3.条状背景

条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对背景的自动重复排列，与沙纹背景所不同的是它只让在一个方向上重复排列。

以在竖直方向上排列为例，首先用图像处理软件做一个从左到右为蓝白渐变的水平条状，其长度与页面的宽度相当。也通过

将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。

4.照片背景

把自己或朋友的照片作为页面的背景让大家看到，是有点令人激动的事情，但浏览器对的自动重复排列却使这一愿望难以实现。怎么办呢？只有想不到的，没有做不到的，这里我们用上一点简单的CSS。在网页文件的……之间加入下面的CSS语句:

这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意，你也可以随意地调整它在页面中的位置，只需要调整"background-position"的值就可以了。

5.复合背景

如果你在练习上面的“照片背景”时“不小心”也设置了标签里的颜色背景，那么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设置的背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法，就不用我再多说了吧！

6.局部背景

前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。

_为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子：

在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。

除此之外，我们还可以单独为某个文字段落设置背景，甚至为这个文字段落中的某几个文字设置自己的背景，是不是有点相当不错，这也需要用上一些CSS。请先看一下下面的这个例子：

不仅仅是页面的背景

记得_有这么一首诗："坐地日行八万里，巡于遥看一千河。"伟人就是了不起，……几万里就出去了。

在浏览器中的显示效果如图所示，现在是不是有点兴奋了，啊，原来文段也可以有自己的背景。只要你愿意，你就可以为页面的任何一个部分定义自己的背景，从而把页面打扮得更加漂亮和吸引人。

有关背景

方法一：文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景的链接地址就好了

也可以用代码：

<TBODY>

<TR>

<TD>你的主体内容</TD></TR></TBODY></TABLE>

方法二：

链接

高和宽在上边的height和width那里设置

好了，关于“网站图片代码”的话题就到这里了。希望大家通过我的介绍对“网站图片代码”有更全面、深入的认识，并且能够在今后的实践中更好地运用所学知识。

猜您还喜欢