html簡單網(wǎng)頁代碼模板
提問問題
列表
-
如何使用網(wǎng)站模板
查看答案>>
-
用html 做一個登陸頁面和一個退出頁面。
查看答案>>
-
求靜態(tài)HTML留言板程序!
查看答案>>
-
HTML代碼,怎么處理圖片和圖片之間的距離,求詳細步驟,謝謝
查看答案>>
-
關于家鄉(xiāng)簡介的靜態(tài)網(wǎng)頁用HTML實現(xiàn)
查看答案>>
-
求一個簡單html留言板模板,論壇格式也行
查看答案>>
-
用HTML設計一個自我介紹的網(wǎng)頁 感謝
查看答案>>
-
在網(wǎng)頁文本框中輸入html代碼怎么實現(xiàn)代碼功能
查看答案>>
-
簡單網(wǎng)頁代碼設計
查看答案>>
如何使用網(wǎng)站模板
得找一個網(wǎng)站管理系統(tǒng)配合使用才行,如果不懂的話,估計搞不定,你想自己做,最好下載那種帶源碼的,直接安裝使用就行了,單純模板要求的水平要高一些。
求靜態(tài)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("輸入的內(nèi)容為空!"); 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; //創(chuàng)建正則表達式樣式. var rv = ss.replace(re,"$1"); //用一個單詞替代兩個單詞. alert(rv);}</script></head><body style="text-align:center"><fieldset style="width:326px"> <legend>消息顯示區(qū)</legend> <ul id="ulContent" style="text-align:left"> </ul> </fieldset><br><fieldset> <legend>消息發(fā)送區(qū)</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="發(fā)送" 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來實現(xiàn),基本語法及格式如下:<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標簽也可實現(xiàn)<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 容易控制,設置相應的樣式也非常簡單。
關于家鄉(xiāng)簡介的靜態(tài)網(wǎng)頁用HTML實現(xiàn)
html實現(xiàn)表態(tài)網(wǎng)頁還是比較簡單的,首先你找好素材,然后設計一下頁面的布局,再將你的圖片放上去就好了。
求一個簡單html留言板模板,論壇格式也行
你可以去源碼下載,留言板很多。單純的留言板模板也有下載。如果是動態(tài)不是html.把動態(tài)的刪除就行了。網(wǎng)上好多地方有留言板,點開后,點文件另存為.html就ok了。或者點右鍵查看源代碼,保存里邊的源代碼就ok了。還有疑惑,確實不能解決聯(lián)系我!祝你成功!望采納。
用HTML設計一個自我介紹的網(wǎng)頁 感謝
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">我的家鄉(xiāng)XXX</div><div id="address">我在xxxx</div><div class="btn"><a>確定</a><input type="button" value="確定"/></div></DIV>1
在網(wǎng)頁文本框中輸入html代碼怎么實現(xiàn)代碼功能
很簡單,其實就是相當于左邊是個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>
簡單網(wǎng)頁代碼設計
<!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>