1. HTML怎么设置图片为网页背景
你的图片路径不对,当你的网页文件和back文件夹都保存在桌面时 。
2. 怎么让一张图片在网页中居中显示
可以用“margin: 0 auto;”和“text-align: center;”是图片在网页中居中。
1、新建html文档,在body标签中添加div标签,然后在div标签中添加img标签:
3. 我在网页中插入了背景图片,怎样调整背景图片的大小
可以使用css的background-size属性来调整背景图片的大小,比如:
background-size: 240px 180px
背景图片的宽为240像素,高为180像素
background-size: 50% 30%
背景图片的宽设为容器宽度的50%,高设为容器高度的30%
background-size: cover
把背景图片扩展至足够大,以使背景图片完全覆盖容器区域(背景图片的某些部分也许无法显示在容器区域中)
background-size: contain
把背景图片扩展至最大尺寸,以使其宽度和高度完全适应容器区域(容器的部分边角位置可能会留空)
需要注意的是,background-size是css3的属性,浏览器必须支持css3才能看到预期的效果。好在现在的主流浏览器都是支持css3的(如果你坚持用IE6那当我没说)
4. 如何给个人网页设置背景图片啊
背景图片代码
方法一:
文章编辑的时候点击创建表格后在弹出的窗口中把边框设置为0,然后填上背景图片的链接地址就好了
也可以用代码:
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>
方法二:
<body background=你的背景图片地址 >
方法三:
<STYLE type=text/css><!--body {background-image:url(你的背景图片地址);background-repeat:no-repeat;background-attachment:fixed;background-position:50% 50%}--> </STYLE>
方法四:
背景图是在HTML模式下把以下代码加到已有代码最前面:
<body background="图片地址">
注:图片地址必须是网络上已有的图片,不是本地机的,如果要链接本地机的,必先在相册或者其他文章上传之后才可以调用。
方法五:
<STYLE TYPE="text/css">
<!--
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,然后填上背景图片的链接地址就好了
也可以用代码:
<TABLE height=600 width=600 background=你的背景图片地址 border=0>
<TBODY>
<TR>
<TD>你的主体内容</TD></TR></TBODY></TABLE>
方法二:
<body background=你的背景图片地址>
图片链接
<A href="你要链接的地址" target=_blank><IMG height=31 alt=你的文字介绍 src="你的图片(或logo地址)" width=88 border=0></A>
高和宽在上边的height和width那里设置
5. 网页背景图片设置的代码是什么呢
代码为:{background-image: url(URL)|none}
1,背景颜色 {background-color:数值}。
2,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}。
3,背景固定 {background-attachment:fixed|scroll}。
4,背景定位 {background-position:数值|top|bottom|left|right|center}。
5,背影样式 {background:背景颜色|背景图象|背景重复|背景附件|背景位置}。
拓展资料
1、所谓的网页代码,就是指在网页制作过程中需要用到的一些特殊的“语言”,设计人员通过对这些“语言”进行组织编排制作出网页,然后由浏览器对代码进行“翻译”后才是我们最终看到的效果。
2、制作网页时常用的代码有HTML,JavaScript,ASP,PHP,CGI等,其中超文本标记语言(标准通用标记语言下的一个应用、外语简称:HTML)是最基础的网页代码。
6. 怎么在网页中插入图片html图片代码
在网页中插入图片html图片代码方法:
步骤:
一、html图片标签语法
<imgsrc="divcss-logo-201305.gif"width="165"height="60"/>
7. 如何在网页标题栏中插入图片图标
在网页标题栏中插入图片图标步骤如下:
1、打开DW并新建一个html页面。
8. 怎样设置在网页中背景图片的自动更换
方法一:在html文件中设置
html的中有两个关于背景的属性,其中的background用来设置背景图片。示例如下:
如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。
为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。
可以参考这个网站的教程和示例:
http://www.blabla.cn/html_tutorials/045_html_bgcolor_background.html
方法二:在css文件中设置
css的背景图片属性
示例:
可以参考这个网站的教程和示例:
http://www.blabla.cn/css_tutorials/020_css_background.html
参考资料:
http://www.blabla.cn/html_tutorials/index.html
9. 网页图片的大小 和清晰度怎样设置
如果是管理一个网站的网页图片大小和清晰度,可以用isee图片专家压缩图片。具体步骤如下:
进入该网站的FTP管理界面,选择需要修改的图片,移动到桌面文件夹里
用isee打开文件夹里的照片,选择压缩
在压缩窗口里可以设置图片的分辨率和图片大小,如下图
将压缩完的照片保存,再上传到FTP管理器中,就可以替换原来的照片
备注:重新上传的照片一定不要更改名称,否则无法完全覆盖之前的照片