簡單的網(wǎng)頁制作代碼
提問問題
列表
-
HTML頁面，我想制作一個點擊圖片全屏放大，再點擊就恢復(fù)大小的效果，用JS怎么實現(xiàn)，CSS可以嗎，來高手
查看答案>>
-
用JS做一個簡單的網(wǎng)頁計算器如圖所示，只進行簡單的加減乘除運算（最好有完整代碼）
查看答案>>
-
html網(wǎng)頁設(shè)計：一個簡單的登錄界面代碼！
查看答案>>
-
像這樣的一個簡單網(wǎng)頁制作的代碼怎么寫?謝謝大神
查看答案>>
-
html求制作一個簡單網(wǎng)頁代碼，只需要一些文字加張圖片
查看答案>>
用JS做一個簡單的網(wǎng)頁計算器如圖所示，只進行簡單的加減乘除運算（最好有完整代碼）
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>計數(shù)器</title></head><body> <input type="text" name="text" id="pre" onblur="validate(this.value);"> <select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type="text" name="text" id="next" onblur="validate(this.value);"> <span>=</span> <input type="text" id="result" readonly="true"> <input type="button" id="btn" value="提交" onclick="calculator();"> <script> function validate(str){ var reg = /^\d+$/; if (!reg.test(str)) { alert("請輸入數(shù)字"); } } function calculator(){ var pre=document.getElementById("pre").value; var next=document.getElementById("next").value; var opra=document.getElementById("operator").value; var result=0; switch(opra) { case "+": result=parseInt(pre)+parseInt(next); break; case "-": result=parseInt(pre)-parseInt(next); break; case "*": result=parseInt(pre)*parseInt(next); break; case "/": if(parseInt(next)!=0){ result=parseInt(pre)/parseInt(next); } else{ alert("除數(shù)不能為0"); return; } break; default: break; } document.getElementById("result").value=result; } </script></body></html>
html網(wǎng)頁設(shè)計：一個簡單的登錄界面代碼！
<!doctype html><html><head><meta charset="utf-8"><link href="main.css" type="text/css" rel="stylesheet"><title>登陸界面</title></head><body> <div class="login_ico"> <img src="images/login_ico.png"> </div> <div class="login_putin"> <ul> <li><input type="text" ></li> <li><input type="password" ></li> </ul> </div> <div class="login_btn"> <input type="submit" value="登陸"> </div></body></html>樣式 ：*{ margin:0; padding:0;}li{ list-style-type:none; margin:0; padding:0;}a{ text-decoration:none; color:#000;}/*---------------------按鈕-----------------------------*/.login_putin ul li input{ margin: 0; width:70%; padding: 1em 2em 1em 5.4em; -webkit-border-radius:.3em; -moz-border-radius: .3em; border: 1px solid #999;}.login_btn{ width:300px; margin:40px auto 0 auto;}.login_btn input{ width:100%; margin:0; padding:.5em 0; -webkit-border-radius:.3em; -moz-border-radius: .3em; border:#1263be solid 1px; background:#1b85fd; color:#FFF; font-size:17px; font-weight:bolder; letter-spacing:1em;}.login_btn input:hover{ background:#1263be; }
像這樣的一個簡單網(wǎng)頁制作的代碼怎么寫?謝謝大神
12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .notice{ width: 300px; margin: 0 auto; border: 3px solid #666; background: blue; color: white; } .notice h1{font-size: 30px; text-align: center; padding-bottom: 30px;} .notice a{color: white; text-decoration: none;} </style></head><body> <div class="notice"> <h1>通知</h1> <ul> <li> <a href="#">通知1</a> </li> <li> <a href="#">通知2</a> </li> <li> <a href="#">通知3</a> </li> <li> <a href="#">通知4</a> </li> </ul> </div></body></html>
html求制作一個簡單網(wǎng)頁代碼，只需要一些文字加張圖片
完整的代碼如下：<html><head> <title>簡單網(wǎng)頁制作練習</title></head><body><p>1.文字內(nèi)容，直接輸入文字即可。。。。。如果想設(shè)置其相關(guān)屬性可以使用font標簽 <font size="18" color="red" >紅色18號文字</font> </p> <p> 2.添加圖片 <img src="圖片名稱.屬性" id=“圖片簡介”> <img src="1.jpg" id=" 加入圖片練習"> </p></body></html>樓主，如果不明白可以HI聯(lián)系我。。。。
參考資料：
網(wǎng)站、網(wǎng)頁制作（團隊）
熱門問答
