購物網站html源碼
1. html網頁源代碼是什麼 如何查看網頁源代碼經驗篇
第一種：打開一個網頁後點擊滑鼠的 右鍵就會有"查看源文件"，操作滑鼠右鍵--->查看源文件即可彈出一個記事本，而記事本內容就是此網頁的html代碼。
可能會碰到一些網頁滑鼠右鍵無反應或提出提示框，那是因為做網頁的加入了JS代碼來禁止用戶查看源文件代碼或復制網頁內容，但是這種方法也沒用,只有你稍微懂得以下第二種方法即可查看此網頁的源代碼源文件。
第二種：通過瀏覽器狀態欄或工具欄中的點擊 「查看」然後就用一項「查看源代碼」，點擊查看源代碼即可查看此網頁的源代碼源文件。
在微軟IE下查看--->源文件即可查看此網頁代碼在傲遊瀏覽器下截圖：
查看別人網頁的源代碼可以為我們製作網頁時候有幫助，以後將介紹查看源代碼更多方法及怎麼運用到別人的源代碼文件。
三、其它瀏覽器具體查看html網頁源代碼方法步驟 - TOP
首先請打開您的網路瀏覽器，然後訪問任何一個網頁。
完成上述步驟後，您可以通過以下針對不同網路瀏覽器的簡單步驟快速查看html網頁源代碼。
1)、Firefox瀏覽器，請按以下步驟操作：
點擊火狐firefox瀏覽器上方「工具(T)」菜單。
在下拉菜單中點擊「Web 開發者」。
然後在下拉菜單中選擇點擊「頁面源代碼」，即可查看網頁源代碼。
2）、谷歌瀏覽器，請按以下步驟操作：
點擊廣告瀏覽器，右上角「三橫」控制圖標
在下拉菜單點擊「工具」
然後再點擊「查看源代碼」。
或直接谷歌瀏覽器中使用快捷鍵「Ctrl+U」即可查看被訪網頁源代碼。
對於這些的話，新手朋友可以參考附件裡面的知識學習下
2. 求html靜態網頁源碼
<!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=utf-8" />
<title>濺</title>
<style>
<!--
body {
background:url(img/bg9.gif);
margin:0px;
padding:0px;
}
.pic{
border:1px solid #00406c;
}
p {
padding-top:30px;
color:#001671;
}
p.con{
padding-left:4px;
padding-right:4px;
}
p.title {
paddin-top;0px;
}
.chara1 {
font-size:12px;
background-color:#90bcff;
}
.chara1 td{
text-align:center;
}
.chara2 {
background-color:#d2e7ff;
text-align:center;
font-size:12px;
vertical-align:top;
}
.chara3 {
background:#e9fbff url(img/self.jpg) no-repeat bottom right;
vertical-align:top;
padding-top:15px;
padding-left:30px;
font-size:12px;padding-right:15px;
}
-->
</style>
</head>
<body>
<table align="center" cellpadding="1" cellspacing="0">
<tr><td><img src="img/banner3.jpg" border="0" /></td></tr>
</table>
<table width="600px" cellpadding="2" cellspacing="2" class="chara1" align="center">
<tr><td>首面</td><td>心情日記</td><td>Free</td><td>一起走到</td><td>從明天起</td><td>紙飛機</td><td>下一站</td></tr>
</table>
<table width="600px" align="center" cellpadding="0" cellspacing="1">
<tr>
<td width="150px" class="chara2"> <p><img src="img/selfpic.jpg" class="pic"/><br />我的日記本</p>
<p class="con">他們彼此深信，是瞬間並發的熱情讓他們相遇。這樣的確定是美麗的，但變幻無常更為美麗。</p>
<p> <img src="img/selfpic2.jpg" class="pic"/><br/>心情軌跡</p>
<p class="con">董事長的一切都讓人既羨慕又忌妒，但更讓人受不了的是，有一天，上蒼忽然賜給他一個神奇的禮物</p> </td>
<td class="chara3">
<h4>介紹</h4>
<p>我努力的抓緊世界，最後卻仍被世界淘汰，如果一開始就鬆手，我會不那麼傷心嗎？你說，親愛的孩子，世事難料，隨它去吧！</p>
<h4>照相本子</h4>
<p>關於童年，你記住了什麼？ <br>
兩歲時，我擁有一隻巨大的粉紅豬，它總在我嚎啕大哭時逗我笑。<br>
三歲時，我騎著小木馬一路搖到外婆家，它不喝水也不吃草。<br>
四歲時，我離家出走，在公車上睡著了，最後是太空超人送我回家。<br>
我真的沒騙你，我通通都記得，還有照片為證。
</p>
<h4>地下鐵</h4>
<p>天使在地下鐵的入口，<br>
和我說再見的那一年，<br>
我漸漸看不見了。<br>
十五歲生日的那年秋天早晨，<br>
窗外下著毛毛雨，<br>
我喂好我的貓。<br>
六點零五分，<br>
我走進地下鐵。</p>
<h4>向左走向右走</h4>
<p>They're both convinced<br>
that a sudden passion joined them.<br>
Such certainth is beautiful,<br>
but uncertainty is more beautiful still.</p>
<br>
</td>
</tr>
</table>
</body>
</html>
3. 求html購物車代碼，，效果如圖顯示
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>修改訂單</title>
<styletype="text/css">
body{
font-size:13px;
line-height:25px;
}
table{
border-top:1pxsolid#333;
border-left:1pxsolid#333;
width:400px;
}
td{
border-right:1pxsolid#333;
border-bottom:1pxsolid#333;
text-align:center;
}
.title{
font-weight:bold;
background-color:#cccccc;
}
inputtext{
width:100px;
}
</style>
<scripttype="text/javascript">
functionaddRow(){
//行的長度
varrowlength=document.getElementById("order").rows.length;
//得到整個表格對象
varorder=document.getElementById("order").insertRow(rowlength-1);
order.id=rowlength-1;
//插入列
varcel1=order.insertCell(0).innerHTML="游戲光碟";
varcel2=order.insertCell(1).innerHTML="34";
varcel3=order.insertCell(2).innerHTML="¥58.40";
varcel4=order.insertCell(3).innerHTML="<inputtype="button"value="刪除"onclick="delRow('"+(rowlength-1)+"')"/>"+"<inputtype="button"value="修改"onclick="editRow('"+(rowlength-1)+"')"/>"
}
functiondelRow(qwe){
varewq=document.getElementById(qwe).rowIndex;
document.getElementById("order").deleteRow(ewq);
}
functioneditRow(rowID){
varrow=document.getElementById(rowID);
varcel=row.cells;
vartext=cel[1].innerHTML;
cel[1].innerHTML="<inputtype='text'value='"+text+"'style='width:40px;'>"
cel[3].lastChild.value="確定";
cel[3].lastChild.setAttribute("onclick","update('"+rowID+"')");
}
functionupdate(qwe){
varrow=document.getElementById(qwe);
varcel=row.cells;
vartext=cel[1].lastChild.value;
cel[1].innerHTML=text;
cel[3].lastChild.value="修改";
cel[3].lastChild.setAttribute("onclick","editRow('"+qwe+"')");
}
/*
functionadd(){
vara=document.getElementById("order").rows.length;
varb=document.getElementById("order").insertRow(a-1);
varone1=b.insertCell(0).innerHTML="123";
}
*/
</script>
</head>
<body>
<tableborder="0"cellspacing="0"cellpadding="0"id="order">
<trclass="title">
<td>商品名稱</td>
<td>數量</td>
<td>價格</td>
<td>操作</td>
</tr>
<trid="1">
<td>防滑真皮休閑鞋</td>
<td>12</td>
<td>¥568.50</td>
<td><inputname="rowdel"type="button"value="刪除"onclick='delRow("1")'/>
<inputid="edit1"type="button"value="修改"onclick='editRow("1")'/></td>
</tr>
<tr>
<tdcolspan="4"style="height:30px;">
<inputname="addOrder"type="button"value="增加訂單"onclick="addRow()"/></td>
</tr>
</table>
</body>
</html>
這個是我原來上學的時候練習的代碼，練習的是基礎的jsDOM操作，不過建議以後用Jquery 比較方便 有什麼不懂得可以問我
4. 仿淘寶商城源碼html 怎麼用
如果只是前端文件html的話，直接找到文件目錄裡面的index.html或者Default.html文件打開就好了；
5. 如何獲取網頁html源碼
用瀏覽器，例如 IE,
進此網站 (File->Open 網頁地址）
點 瀏覽器 的 View-〉Source ， 網頁html源碼 全在 一個 文本窗里了。存下來 便是。