單頁代碼
昨天晚上新寫的
給你吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>標准網頁</title>
<style type="text/css" >
#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}
#body{ background-color:#FF8080;
margin-top:auto;
color: #996600;
font-family: "黑體";
;
}
#bannerdiv{ position:relative;}
#bannertable{}
#centerdiv{ position:relative; padding-left:3px;}
#centertable{ }
#rootdiv{ margin-top:11px;}
</style>
</head>
<body id="body" >
<div id="bodydiv">
<div id="bannerdiv">
<table align="center" id="bannertable">
<tr>
<td>
<img src="banner.gif" width="770" height="170">
</td>
</tr>
</table>
</div>
<div id="centerdiv">
<table id="centertable" border="0" cellpadding="7px" >
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center"></td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td align="center"><img src="headimg.jpg" width="200" height="170" /></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">日誌</td></tr></table>
<table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">網站導航</td></tr></table>
<table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">心情</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">頭像31</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">頭像32</td></tr></table>
<table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">頭像33</td></tr></table>
<table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</div>
<div id="rootdiv">
<table align="center">
<tr>
<td align="center">
<img src="rootimg.gif" height="60" width="190" />
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
Ⅱ 求一個非常簡單的單頁面ASP源代碼,詳情請入內
看看這是不是你要的
<form action="?action=listpwd" method="post">
用戶名：<input name="name" type="text" id="name">
<input type="submit" name="Submit" value="提交">
</form>
<%
if request.QueryString("action")="listpwd" And request.Form("name")<>"" Then
set conn=server.createobject("adodb.connection")
conn.open "driver={microsoft access driver (*.mdb)};dbq="&server.mappath("db.mdb")
exec="select pwd from [user] where name='"&Request.Form("name")&"'"
set rs=server.createobject("adodb.recordset")
rs.open exec,conn,1,1
if not rs.eof then
response.write rs("pwd")
end if
rs.close
set rs = nothing
end if
%>
Ⅲ 製作網頁的代碼單碼解釋
HTML標簽表
HTML標記很多，它們的分類大抵如下：
總類 結構性定義 與外觀相關的標記 連結與圖形
分隔 列舉 背景與顏色 特殊字元
表單 表格 視框 雜項
總類（所有HTML文件都有的）
文件類型 <HTML></HTML> （放在檔案的開頭與結尾）
文件主題 <title></title> （必須放在「文頭」區塊內）
文頭 <HEAD></HEAD> （描述性資料，像是「主題」）
文體 <BODY></BODY> （文件本體）
----------------------------------------
結構性定義（由瀏覽器控制的顯示風格）
標題 <H?></H?> （從1到6，有六層選擇）
3.0 標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
3.0 區分 <DIV></DIV>
3.0 區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文區塊 <BLOCKQUOTE></BLOCKQUOTE> （通常會內縮）
強調 <EM></EM> （通常會以斜體顯示）
特別強調 <STRONG></STRONG> （通常會以加粗顯示）
引文 <CITE></CITE> （通常會以斜體顯示）
碼 <CODE></CODE> （顯示原始碼之用）
樣本 <SAMP></SAMP>
鍵盤輸入 <KBD></KBD>
變數 <VAR></VAR>
定義 <DFN></DFN> （有些瀏覽器不提供）
地址 <ADDRESS></ADDRESS>
3.0 大字 <BIG></BIG>
3.0 小字 <SMALL></SMALL>
----------------------------------------
與外觀相關的標簽（作者自訂的表現方式）
加粗 <B></B>
斜體 <I></I>
3.0 底線 <U></U> （尚有些瀏覽器不提供）
3.0 刪除線 <S></S> （尚有些瀏覽器不提供）
3.0 下標 <SUB></SUB>
3.0 上標 <SUP></SUP>
打字機體 <TT></TT> （用單空格字型顯示）
預定格式 <PRE></PRE> （保留文件中空格的大小）
預定格式的寬度 <PRE WIDTH=?></PRE>（以字元計算）
N1.0+ 向中看齊 <CENTER></CENTER> （文字與圖片都可以）
N1.0 閃耀 <BLINK></BLINK> （有史以來最被嘲弄的標簽）
N1.0 字體大小 <FONT SIZE=?></FONT>（從1到7）
N1.0 改變字體大小 <FONT SIZE=+|-?></FONT>
N1.0 基本字體大小 <BASEFONT SIZE=?> （從1到7; 內定為3）
N2.0 字體顏色 <FONT COLOR="#$$$$$$"></FONT>
---------------------------------------
連結與圖形
連結 <A HREF="URL"></A>
連結到錨點 <A HREF="URL#***"></A>（如果錨點在另一個檔案）
<A HREF="#***"></A> （如果錨點目前的檔案）
N2.0 連結到目的視框 <A HREF="URL" TARGET="***"></A>
設定錨點 <A NAME="***"></A>
圖形 <IMG SRC="URL">
圖形看齊方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>
N1.0 圖形看齊方式 <IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG SRC="URL" ALT="***"> （如果沒有辦法顯示圖形則顯示此文字）
點選圖 <IMG SRC="URL" ISMAP> （需要CGI程式）
N2.0 點選圖 <IMG SRC="URL" USEMAP="URL">
N2.0 地圖 <MAP NAME="***"></MAP>（描述地圖）
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">（以pixels為單位）
N1.0 圖形邊緣 <IMG SRC="URL" BORDER=?> （以pixels為單位）
N1.0 圖形邊緣空間 <IMG SRC="URL" HSPACE=? VSPACE=?> （以pixels為單位）
N1.0 低解析度圖形 <IMG SRC="URL" LOWSRC="URL">
N1.1 用戶端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">（使用端自動更新 ）
N2.0 內嵌物件 <EMBED SRC="URL"> （將物件插入頁面）
N2.0 內嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?">
--------------------------------------
分隔
段落 <P> （通常是兩個return）
3.0 段落 <P></P> （新定義成容器型標簽）
3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
換行 <BR> （一個return）
N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>（與圖形合用時）
橫線 <HR>
N1.0 橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 橫線厚度 <HR SIZE=?> （以pixels為單位）
N1.0 橫線寬度 <HR WIDTH=?> （以pixels為單位）
N1.0 橫線比率寬度 <HR WIDTH=%> （以頁寬為100%）
N1.0 實線 <HR NOSHADE> （沒有立體效果）
N1.0 不可換行 <NOBR></NOBR> （不換行）
N1.0 可換行處 <WBR> （如果需要，可在此斷行）
--------------------------------------
列舉 （可以巢狀列舉）
無次序式列舉 <UL><LI></UL> （<LI> 放在每一項前）
N1.0 公布式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>（定義全部的列舉項）
<LI TYPE=DISC|CIRCLE|SQUARE>（定義這個及其後的列舉項）
有次序式列舉 <OL><LI></OL> （<LI> 放在每一項前）
N1.0 數標型態 <OL TYPE=A|a|I|i|1> （定義全部的列舉項）
<LI TYPE=A|a|I|i|1> （定義這個及其後的列舉項）
N1.0 起始數字 <OL value=?> （定義全部的列舉項）
<LI value=?> （定義這個及其後的列舉項）
定義式列舉 <DL><DT><DD></DL>（<DT>項目, <DD>定義）
表單式列舉 <MENU><LI></MENU>（<LI> 放在每一項前）
目錄式列舉 <DIR><LI></DIR> （<LI> 放在每一項前）
--------------------------------------
背景與顏色
3.0 重復排列的背景 <BODY BACKGROUND="URL">
N1.1+ 背景顏色 <BODY BGCOLOR="#$$$$$$"> （依序為紅、
綠、藍）
N1.1+ 文字顏色 <BODY TEXT="#$$$$$$">
N1.1+ 連結顏色 <BODY LINK="#$$$$$$">
N1.1+ 看過的連結 <BODY VLINK="#$$$$$$">
N1.1 使用中的連結 <BODY ALINK="#$$$$$$">
--------------------------------------
特殊字元（以下標簽需用小寫）
特別符號 &#?; （其中 ? 代表 ISO 8859-1 的編碼）
< < > > & & " "
注冊商標TM ®
N1.0+ 注冊商標TM ®
著作權符號 &;
N1.0+ 著作權符號 &;
-------------------------------------
表單 （通常需要與CGI程式配合）
定義表單 <form ACTION="URL" METHOD=GET|POST></form>
N2.0 上傳檔案 <form ENCTYPE="multipart/form-data></form>
輸入欄位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE
|HIDDEN|SUBMIT|RESET">
欄位名稱 <INPUT NAME="***">
欄位內定值 <INPUT value="***">
已選定 <INPUT CHECKED> （適用於checkboxes與 radio boxes）
欄位寬度 <INPUT SIZE=?> （以字元數為單位）
最長字數 <INPUT MAXLENGTH=?> （以字元數為單位）
下拉式選單 <SELECT></SELECT>
下拉式選單名稱 <SELECT NAME="***"></SELECT>
選單項目數量 <SELECT SIZE=?></SELECT>
多選式選單 <SELECT MULTIPLE> （多選）
選項 <OPTION>
內定選項 <OPTION SELECTED>
文字輸入區 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
輸入區名稱 <TEXTAREA NAME="***"></TEXTAREA>
N2.0 輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
---------------------------------------
表格
3.0 定義表格 <TABLE></TABLE>
3.0 表格框線 <TABLE BORDER></TABLE> （有或沒有）
N1.1 表格框線 <TABLE BORDER=?></TABLE>（可以設定數值）
N1.1 儲存格左右留白 <TABLE CELLSPACING=?>
N1.1 儲存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格寬度 <TABLE WIDTH=?> （以pixels為單位）
N1.1 寬度比率 <TABLE WIDTH=%> （頁寬為100%）
3.0 表格列 <TR></TR>
3.0 表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 儲存格 <TD></TD> （須與列並用）
3.0 儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不換行 <TD NOWRAP>
N3.0 儲存格背景顏色 <TD BGCOLOR=#$$$$$$>
3.0 儲存格橫向連接 <TD COLSPAN=?>
3.0 儲存格縱向連接 <TD ROWSPAN=?>
N1.1 儲存格寬度 <TD WIDTH=?> （以pixels為單位）
N1.1 儲存格寬度比率 <TD WIDTH=%> （頁寬為100%）
3.0 表格標題 <TH></TH> （跟<TD>一樣，不過會對中並加粗）
3.0 表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格標題不換行 <TH NOWRAP>
3.0 表格標題占幾欄 <TH COLSPAN=?>
3.0 表格標題占幾列 <TH ROWSPAN=?>
N1.1 表格標題寬度 <TH WIDTH=?> （以pixels為單位）
N1.1 表格標題比率寬度<TH WIDTH=%> （頁寬為100%）
3.0 表格抬頭 <CAPTION></CAPTION>
3.0 表格抬頭看齊 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）
-----------------------------------------
視框 （定義與控制螢幕上的特定區域）
N2.0 視框格式總定義 <FRAMESET></FRAMESET> （取代<BODY>）
N2.0 視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）
N2.0 視框行長度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相對大小）
N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %）
N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> （* =相對大小）
N2.0 定義個別視框 <FRAME> （定義個別視框）
N2.0 個別視框內容 <FRAME SRC="URL">
N2.0 個別視框名稱 <FRAME NAME="***"|_blank|_self|_parent|_top>
N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> （「左」與「右」邊界）
N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> （「天頂」與「地底」邊界）
N2.0 卷動條 <FRAME SCROLLING="YES|NO|AUTO">
N2.0 不可改變大小 <FRAME NORESIZE>
N2.0 無視框時的內容 <NOFRAMES></NOFRAMES>（如果瀏覽器不提供視框功能的話）
---------------------------------------
雜項
說明 （瀏覽器不會顯示）
檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
3.0 檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">
可搜尋 <ISINDEX> （指示可搜尋的索引項）
N1.0 提示 <ISINDEX PROMPT="***"> （要求輸入的提示文字）
送出搜尋條件 <A HREF="URL?***"></a> （其中的問號不是數字，而是「問號」）
基本檔案的URL <BASE HREF="URL"> （必須放在「文頭」區段內）
N2.0 基本視窗名稱 <BASE TARGET="***"> （必須放在「文頭」區段內）
相關性 <LINK REV="***" REL="***" HREF="URL"> （必須放在「文頭」區段內）
背景資訊 <META> （必須放在「文頭」區段內）
Ⅳ 求一個單頁網站源碼！要純靜態的！越簡單越好，
純靜態、簡單得不能再簡單，請Ctrl+C：
<html>
<title>單頁網站源碼</title>
<body>這是一個單頁網站源碼</body>
</html>
Ⅳ 求一個簡單網頁的html代碼(不少於5頁)
網上其實有很多關於html的實例，不過還是建議你手動自己做一個代碼出來。
這樣會比較有成就感
Ⅵ 求快遞單的頁面HTML代碼，各個快遞的！
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>noteform</title>
<scriptsrc="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("div").click(function(){
$(this).addClass("select");
});
})
</script>
<style>
<!--
body{
background-image:url(wood-bg2.jpg);
}
.exlist{
background-color:#F9EE70;
margin:30pxauto;
padding:5px;
width:680px;
min-height:200px;
height:auto;
font-family:"微軟雅黑";
-webkit-box-shadow:4px4px5px#333;/*webkit*/
-moz-box-shadow:4px4px5px#333;/*firefox*/
box-shadow:4px4px5px#333;/*opera或ie9*/
}
#title{
width:200px;
margin:20pxauto;
}
#titlelegend{
font-size:26px;
}
div.exlist_title{
background-color:#F9EE70;
width:680px;
height:20px;
}
div.exlist_titleimg{
float:right;
margin:-15px10px;
}
/*-----------form-----------*/
fieldset{
width:90%;
border:1pxdashed#666;
margin:40pxauto;
}
legend{
background-color:#F9EE70;
height:120px;
height:30px;
color:#630;
font-weight:bolder;
font-size:20px;
line-height:30px;
margin:-20px10px10px;
padding:010px;
}
div.row{
margin:10px;
padding:5px;
}
div.rowlabel{
height:20px;
font-size:16px;
line-height:20px;
margin:010px;
}
input.txt{
background-color:#F9EE70;
color:#333;
width:150px;
height:20px;
margin:010px;
font-size:16px;
line-height:20px;
border:none;
border-bottom:1pxsolid#565656;
}
input.txt:focus{
color:#333;
background-color:#FF0;
border-bottom:1pxsolid#F00;
}
select{
width:100px;
}
option{
text-align:center;
}
input.btn{
width:50px;
height:20px;
color:#000008B;
background-color:transparent;
border:0;
padding:0;
}
-->
</style>
</head>
<body>
<divclass="exlist">
<divclass="exlist_title"><imgsrc="paper-clip.png"/></div>
<divid="title"><legend>快遞運單信息</legend></div>
<formmethod="post"action="">
<fieldset>
<legend>收件信息</legend>
<divclass="row">
<label>1.收貨人:</label>
<inputstyle="width:100px"class="txt"type="text"/>
<label>2.目的地:</label>
<select>
<option>北京</option>
<option>上海</option>
<option>武漢</option>
<option>烏魯木齊</option>
</select>
</div>
<divclass="row">
<label>3.聯系電話:</label><inputclass="txt"type="text"/>
</div>
<divclass="row">
<label>4.詳細地址:</label><inputclass="txt"style="width:400px"type="text"/>
</div>
</fieldset>
<fieldset>
<legend>發件信息</legend>
<divclass="row">
<label>1.發貨人:</label>
<inputstyle="width:100px"class="txt"type="text"/>
<label>2.始發地:</label>
<select>
<option>北京</option>
<option>上海</option>
<option>武漢</option>
<option>烏魯木齊</option>
</select>
</div>
<divclass="row">
<label>3.聯系電話:</label><inputclass="txt"type="text"/>
</div>
<divclass="row">
<label>4.詳細地址:</label><inputclass="txt"style="width:400px"type="text"/>
</div>
</fieldset>
<fieldset>
<legend>貨物信息</legend>
<divclass="row">
<label>1.數量:</label><inputclass="txt"style="width:30px"maxlength="2"type="text"/>
<label>（1-99件）</label>
<label>2.體積:</label><inputclass="txt"style="width:30px"maxlength="3"type="text"/>
<label>3.重量:</label><inputclass="txt"style="width:30px"maxlength="3"type="text"/>
<label>（Kg）</label>
</div>
<divclass="row">
<label>4.運輸方式:</label>
<select>
<option>航運</option>
<option>火車</option>
<option>汽車</option>
<option>輪船</option>
</select>
</div>
<divclass="row">
<label>5.付款方式:</label>
<p>
<label><inputtype="radio"name="pay"value="單選"/>現金付款</label>
<label><inputtype="radio"name="pay"value="單選"/>收件人付款</label>
<label><inputtype="radio"name="pay"value="單選"/>第三方付款</label>
</p>
</div>
</fieldset>
</form>
</div>
</body>
</html>
快遞單..
Ⅶ 製作單頁面源碼
是不是點擊關於我們在這個頁面上顯示關於我們的信息，點擊管理團隊顯示管理團隊的信息啊，都是運行的同一個文件，如果是的話，你這個需要用的動態語言和資料庫了。比如php+mysql
Ⅷ 誰有單頁html顯示隨即文本代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script type="text/javascript">
// 隨機選取函數 參數為選取的數量
function randomStr(num) {
// 保存隨機句子
var strs = [
'1',
'2',
'3',
'4',
'5',
'6',
'7',
'8',
'9'
],
text = '';
// 需要選取的數量
num = num > strs.length
? strs.length
: num;
console.log(num)
while (num--) {
i = Math.floor(Math.random() * strs.length);
console.log(i)
text += '<p>' + strs[i] + '</p>'
// 刪除選中的數組下標，避免重復
strs.splice(i, 1);
}
// 示例
document.getElementById('demo').innerHTML = text;
}
window.onload = function () {
randomStr(3);
}
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html>
Ⅸ html求製作一個簡單網頁代碼，只需要一些文字加張圖片
完整的代碼如下：
<html>
<head>
<title>簡單網頁製作練習</title>
</head>
<body>
<p>1.文字內容，直接輸入文字即可。。。。。如果想設置其相關屬性可以使用font標簽
<font size="18" color="red" >紅色18號文字</font> </p>
<p> 2.添加圖片 <img src="圖片名稱.屬性" id=「圖片簡介」>
<img src="1.jpg" id=" 加入圖片練習"> </p>
</body>
</html>
樓主，如果不明白可以HI聯系我。。。。
Ⅹ 暴利產品競價單頁源碼
既然是單頁，不就一個頁面？右鍵源代碼保存，或者淘寶找下仿頁，十幾塊錢幾分鍾給你搞定調試下CSS，訂單系統也是一樣。宮中號：懶陽陽談營銷。