html简单网页代码模板
求静态HTML留言板程序！
这个是及其简单的聊天<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>简单聊天</title><style>* { font-size:12px; margin:0; padding:0; } fieldset { padding:10px; margin:10px; width:270px; color:#333; border:#06c dashed 1px;} legend { color:#06c; font-weight:800; background:#fff; text-align:center} ul { list-style-type: none; margin:8px 0 4px 0;} li { margin-top:4px;}</style><script type="text/javascript">function Trim(text)//去左右空格{ return text.replace(/^\s+|\s+$/g,"");}function sendTxt(){ if (Trim(document.getElementById("txtSendContent").value)=="") { alert("输入的内容为空！"); document.getElementById("txtSendContent").focus(); return false; } document.getElementById("ulContent").innerHTML+="<font color='red'>me say</font>\r\n:<li>"+getPic(document.getElementById("txtSendContent").value)+"</li>\r\n";}function getPic(text){ text=text.replace(/:\)/gim,"<img src='images/QQ/smile.gif' border='0' width='24' height='24'>"); text=text.replace(/:\(/gim,"<img src='images/QQ/cry.gif' border='0' width='24' height='24'>"); text=text.replace(/:-\(/gim,"<img src='images/QQ/cry.gif' border='0' width='24' height='24'>"); text=text.replace(/:-\)/gim,"<img src='images/QQ/smile.gif' border='0' width='24' height='24'>"); text=text.replace(/：）/gim,"<img src='images/QQ/smile.gif' border='0' width='24' height='24'>"); //var pattern=new RegExp("\[img]","gim"); text=text.replace(/\[img]([^\[]*)([^\[]*)\[\/img]/gim,"<img src='images/QQ/$2' border='0' width='19' height='19'>"); text=text.replace("\r\n","<br>"); return text;}function choosePic(){ var returnValue=window.showModalDialog('emot.htm',null,'dialogHeight:240px;dialogWidth:300px'); document.getElementById("txtSendContent").value+=returnValue;}function test(){ var ss = "Is is the cost of of gasoline going up up?.\n"; var re = /\b([a-z]+) \1\b/gim; //创建正则表达式样式. var rv = ss.replace(re,"$1"); //用一个单词替代两个单词. alert(rv);}</script></head><body style="text-align:center"><fieldset style="width:326px"> <legend>消息显示区</legend> <ul id="ulContent" style="text-align:left"> </ul> </fieldset><br><fieldset> <legend>消息发送区</legend> <form name="form1" method="post" action=""> <label> <textarea name="txtSendContent" id="txtSendContent" cols="40" rows="10"></textarea> </label> <label> <input type="button" name="button" id="button" value="发送" onClick="return sendTxt();"> <input type="button" name="button" id="button" value="test" onClick="return test();"> </label> <img src="images/QQ/smile.gif" alt="选择表情符" title="选择表情符" style="cursor:hand" width="24" height="24" onClick="return choosePic();"> </form></fieldset></body></html>
HTML代码，怎么处理图片和图片之间的距离，求详细步骤，谢谢
有两种方法：一、利用无序标签ul li来实现，基本语法及格式如下：<ul class="pic"><li><img src="图片路径" width=“宽” height=“高”/></li><li><img src="图片路径" width=“宽” height=“高”/></li><li><img src="图片路径" width=“宽” height=“高”/></li></ul>CSS样式如下：.pic{float:left; text-decoration:none;padding-left:10px;}二、利用div标签也可实现<div><div><img src="" alt=""></div><div><img src="" alt=""></div><div><img src="" alt=""></div><div><img src="" alt=""></div></div>CSS属性样式设置与上面ul li 类似。为了更方便、更快捷的方法个人建议使用ul li 去做，因为ul li 容易控制，设置相应的样式也非常简单。
求一个简单html留言板模板，论坛格式也行
你可以去源码下载，留言板很多。单纯的留言板模板也有下载。如果是动态不是html.把动态的删除就行了。网上好多地方有留言板，点开后，点文件另存为.html就ok了。或者点右键查看源代码，保存里边的源代码就ok了。还有疑惑，确实不能解决联系我！祝你成功！望采纳。
用HTML设计一个自我介绍的网页 感谢
123456789101112131415161718192021222324<style>.content>.name{font-size:16px; color:blue}.home{font-size:18px; color:red}#address{font-size:20px; color:gray}.btn>a,.btn>input{color:green;display:block;width:120px;height:60px}.btn>a:hover,.btn>input:hover{color:yellow;} </style> <DIV class="content" style="background:url('img.jpg')"><div class="name">我叫XXX</div><div class="home">我的家乡XXX</div><div id="address">我在xxxx</div><div class="btn"><a>确定</a><input type="button" value="确定"/></div></DIV>1
在网页文本框中输入html代码怎么实现代码功能
很简单，其实就是相当于左边是个textarea输入域，右边是个代码解析，可用innerHtml.示例如下：<html><head><script language="javascript">function onsubm(){//document.getElementById("result").innerHTML=document.getElementById("text1").value;result.innerHTML=document.getElementById("text1").value;}</script></head><body><div><font size="5" color="red">编辑您的代码:</font><span style="position:relative;left:500px"><font size="5" color="red">查看结果:</font></span></div><div style="width:600px;height:400px;border:1px solid blue;float:left;"><form onsubmit="onsubm()" action="#"><textarea rows="20" cols="80" id="text1"></textarea><input type="submit" value="提交代码"/></form></div><div id="result" style="width:300px;height:400px;border:1px solid blue;float:left;"></div></body></html>
简单网页代码设计
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题 1</title><style type="text/css">td {width: 240px; height: 240px;}.center {text-align: center;}</style></head><body><table style="width: 960px; "><tr><td colspan="4" class="center">logo<img src="" alt="logo"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr></table></body></html>
