用<img>标签。
代码样式：
<img src="xxx.jpg" width="100px" height="100px" />
代码说明：
这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。
代码标签解释：
1、<img>标签定义图像。
2、src ：要显示的图像的 URL（图片地址）。
3、width：图片宽度
4、height：定义图像的高度。
5、px：即像素，1px代表屏幕上一个物理的像素点；
扩展资料
一、img定义与用法：
1、img 元素向网页中嵌入一幅图像。
从技术上讲，<img>标签并不会在网页中插入图像，而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。
2、<img>标签有两个必需的属性：src 属性 和 alt 属性。
二、必需的属性：
1、alt text 规定图像的替代文本。
2、src URL 规定显示图像的 URL。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns=" http://www.w3.org/1999/xhtml" lang="gb2312"><head><title>已测试分页-屏幕不够大的话，用鼠标按住往下拽就能看见分页号</title><style type="text/css">*{font: normal 12px/1.5em "Microsoft YaHei" , Tahoma_font: normal 12px/1.5em Tahoma/* CSS Hack For IE6 */border: 0pxmargin: 0pxpadding: 0pxoverflow: hiddentext-decoration: none*text-overflow:ellipsis/* CSS Hack For IE7 &IE6 */} a{color: #333} a:hover{color: #06c} body{background: #f3fafftext-align: center} ul{list-style-type: none} li{margin-bottom: 13px/* CSS Hack For Firefox */ *margin-bottom:12px/* CSS Hack For IE7 &IE6 */_margin-bottom:3%/* CSS Hack For IE6 */white- space:nowrap} #Main_News{ /*background-color: teal*/border: 1px #acd0f0 solidwidth: 445pxheight: 800px} #Content{width: 460pxheight: 700pxmargin: 10px 10px 0px 10px_margin: 10px 5px 0px 5px/* CSS Hack For IE6 */overflow: hiddentext-align: left} #Pages{width: 480pxheight: 20pxmargin: 0pxtext-align: right} </style><script defer="defer" language="javascript" type="text/javascript"><!-- var _offset = 0function _$id(_obj) { return document.getElementById(_obj)} function _$Pages(_i) { _$id("Content").scrollTop = (_$id("Content").clientHeight*_i)ab=document.getElementById("pages") aa=ab.getElementsByTagName("a").length for(k=0k<aak++){ if(k==_i){ab.getElementsByTagName("a")[k].style.color="red"}else{ ab.getElementsByTagName("a")[k].style.color="#000000" } } } function _$InitPages() { var _s=''_offset = _$id("Content").clientHeightvar _top = _$id("Content").scrollTopfor (var i=0i<(_$id("Content").scrollHeight/_offset)i++) { _s+=('<a href="javascript:void(0)" onclick="javascript:_$Pages('+i+')" onfocus="this.blur()" title="Page '+(i+1)+'">'+(i+1) +'</a> ')} _$id("Pages").innerHTML=_s} //--> </script></head><body onload="_$InitPages()"><div id="Main_News"><!--主要新闻--><div id="Content"><ul><li><span class="type">[图文]</span>给分 哈测试123456767</li><li><span class="type">[图文]</span>不要用完了，就没动静了那样是不地道的^_^</li><li><span class="type">[图文]</span>给分 哈测试123456767</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li><li>不要用完了，就没动静了那样是不地道的^_^</li><li>给分 哈测试123456767</li></ul></div><div id="Pages"></div></div></body></html>欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）