网页制作代码
制作网页一般用什么软件啊?
个人觉得现在的自助建站系统都很火,没有必要去用软件制作,如discuz系统,新云系统,pageadmin系统,都是比较不错的,我自己的网站是用pageadmin建站的,总体来说很简单。
用HTML代码设计如下网页
12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html> <head> <meta charset="GB2312"> <title>网页设计实验</title> </head> <body> <table border="1" width="100%" height="200px"> <tr> <td width="50%"> <table border="0" width="100%" height="100px"> <tr> <td style="font-size: 10px;font-family: '宋体';color: red;">宋体</td> </tr> <tr> <td align="middle" style="font-size: 14px;font-family: '微软雅黑';color: green;">微软雅黑</td> </tr> <tr> <td align="right" style="font-size: 18px;font-family: '黑体';color: blue;">黑体</td> </tr> </table> </td> <td align="middle"><img src="1.jpg" height="100px" width="100px"></td> </tr> <tr align="middle"> <td width="50%"><a href="http://www.baidu.com" style="color: #000;text-decoration: none;">点击进入百度首页</a></td> <td><a href="http://www.sina.com" target="_blank"><img src="1.jpg" height="100px" width="100px"></a></td> </tr> </table> <br /> 用户名:<input type="text" size="16"></input><br /><br /> 密 码:<input type="password" size="16"></input><br /><br /> 简 介:<textarea cols="11"></textarea><br /><br /> <input type="submit" value="提交" /> </body></html>把代码复制到文本文档中,保存为Html格式,在当前目录下放一张名字为“1.jpg”的图片就行了。
制作网页一般用什么软件啊?
一、菜鸟级网页制作软件网页三剑客指的是:1、dreamweawer 网页设计制作工具2、flash 动画制作工具3、photoshop 图片处理工具二、自助建站系统助建站就是一套网站系统,专门给对网页代码或者通俗说不懂制作网站的人使用的一套系统,企业站的用pageadmin、电子商城的用ECShop、论坛站的用discuz等
dreamweaver 如何制作用于天猫装修店铺的全屏代码?
这是全屏代码:<div style="height:750px;"><!--这里的高度改成你的图片高度--> <div class="sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;"> <div class="sn-simple-logo" style="left:-960px;top:auto;border:none;padding:0;"> <img src="这里是你的图片地址" /> </div> </div></div>这里面已经设置好了,你只要把你的图片插入即可,把上面的高度改成你图片的高度就行了,居中已经设置好了。
Html图片按钮效果代码?
<input type="image" src="..." /> 答案补充 <input type="button" src="2.jpg" onmousemove="this.src='1.jpg'" onmouseout="this.src='2.jpg'" /> 答案补充 我晕,刚才直接复制你的,应该是这样<input type="image" src="2.jpg" onmousemove="this.src='1.jpg'" onmouseout="this.src='2.jpg'" />
如何用只用html 制作图片轮播效果?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS实现图片切换特效_网页代码站()</title><meta http-equiv="content-type" content="text/html;charset=gb2312" /><style> dl { position:absolute;width:240px;height:170px;border:10px solid #eee; } dd { margin:0;width:240px;height:170px;overflow:hidden; } img { border:1px solid black } dt { position:absolute;right:3px;top:50px; } a { display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋体",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4; } a:hover {background:#000}</style></head> <body> <dl$amp;>amp;$lt;dt$amp;>amp;$lt;a #a" title="">1</a> <a #b" title="">2</a> <a #c" title="">3</a> </dt> <dd$amp;>amp;$lt;img src="" alt="" id="a" /> <img src="" alt="" id="b" /> <img src="" alt="" id="c" /> </dd> </dl></body></html>
html 做课程表
代码如下:<html><head><title>表格应用</title></head><body><table frame=box border=1 align=center cellpadding=0 cellspacing=0 bordercolor=black><caption>吴**个人课表</caption><tr> <td colspan=2 align="center">时间</td><td align="center">星期一</td><td align="center">星期二</td><td align="center">星期三</td><td align="center">星期四</td><td align="center">星期五</td><td align="center">星期六</td><td align="center">星期日</td></tr><tr><td colspan=2 align=center>早晨</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td rowspan=4 align=center>上午</td><td >第<br>1<br>节</td><td rowspan=2 align=center>WEB应用开发技术<br>周一第1,2节{第1-16周}<br>熊俊涛(熊俊涛)<br>3502</td><td rowspan=2 align=center>线性代数<br>周二第1,2节{第1-8周}<br>赵立新<br>3202</td><td rowspan=2 align=center>Internet与Intranet技术<br>周三第1,2节{第1-12周}<br>张建桃<br>3401</td><td rowspan=2 align=center>管理统计学<br>周四第1,2节{第1-16周}<br>张建桃(张建桃)<br>3301</td><td ></td><td ></td><td></td></tr><tr><td>第<br>2<br>节</td><td ></td><td ></td><td></td></tr><tr><td >第<br>3<br>节</td><td rowspan=2 align=center>WEB应用开发技术<br>周一第3,4节{第9-16周}<br>熊俊涛(熊俊涛)</td><td rowspan=2 align=center>职业素养提升与就业指导<br>周二第3,4节{第2-15周}<br>刘月秀<br>3312</td><td rowspan=2 align=center>太极拳与乒乓球<br>周三第3,4节{第1-16周}<br>王常青<br>公寓8栋乒</td><td rowspan=2 align=center>线性代数</td><td ></td><td ></td><td></td></tr><tr><td >第<br>4<br>节</td><td ></td><td ></td><td></td></tr><tr><td rowspan=6 align=center>下午</td><td >第<br>5<br>节</td><td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr><td >第<br>6<br>节</td><td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr><td >第<br>7<br>节</td><td rowspan=2 align=center>马克思主义基本原理<br>周一第7,8节{第1-18周}<br>陈雷<br>3402</td><td rowspan=2 align=center>企业网组网实验<br>周二第7,8节{第1-16周}<br>韩方珍/张建桃</td><td rowspan=2 align=center>企业管理<br>周三第7,8节{第3-18周}<br>刘伟章<br>3405</td><td rowspan=2 align=center>大学英语<br>周四第7,8节{第1-15周}<br>陈琳慧<br>DS523</td><td ></td><td ></td><td></td></tr><tr><td >第<br>8<br>节</td><td ></td><td ></td><td></td></tr><tr><td >第<br>9<br>节</td><td></td><td rowspan=2 align=center>管理统计学<br>周二第9,10节{第6-9周}<br>张建桃(张建桃)</td><td></td><td></td><td rowspan=2 align=center>大学英语<br>周五第9,10节{第1-15周}<br>陈琳慧<br>3601</td><td></td><td></td></tr><tr><td >第<br>10<br>节</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td rowspan=3 align=center>晚上</td><td >第<br>11<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr><tr><td >第<br>12<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr><tr><td >第<br>13<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr></tr> 运行结果:
HTML网页设计,怎么把图片之间的空隙去掉?
把<p>中间的<img align="absmiddle" src="图片地址" />改成<img align="absmiddle" src="图片地址" style="float:left;margin-left:0px;" />
网页制作中插入图片的代码是什么
定义和用法img 元素向网页中嵌入一幅图像。请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。在下面的例子中,我们在页面中插入一幅 W3School 的工程师在上海鲜花港拍摄的郁金香照片:<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />
网页图片左右循环滚动代码
<style type="text/css"> <!-- #demo { overflow:hidden; background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 940px; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } --> </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <img src="images/teams/rehuo.jpg"/> <img src="images/teams/huren.jpg"/> <img src="images/teams/huojian.jpg"/> <img src="images/teams/maci.jpg"/> <img src="images/teams/kaierteren.jpg"/> <img src="images/teams/jueshi.jpg"/> <img src="images/teams/lanwang.jpg"/> <img src="images/teams/sll.jpg"/></div> <div id="demo2"></div> </div> </div> <script> <!-- var speed=10; //数字越速度越慢 var tab=document.getElementById("demo"); var tab1=document.getElementById("demo1"); var tab2=document.getElementById("demo2"); tab2.innerHTML=tab1.innerHTML; function Marquee(){ if(tab2.offsetWidth-tab.scrollLeft<=0) tab.scrollLeft-=tab1.offsetWidth else{ tab.scrollLeft++; } } var MyMar=setInterval(Marquee,speed); tab.onmouseover=function() {clearInterval(MyMar)}; tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)}; --> </script>段代码左向右缝滚代码直接放放滚图片行记设置图片宽高面css面设置整图片滚区域宽度