『壹』 求網頁的簡單製作代碼.(最簡單的)
<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=gb2312" />
<title>單選框網頁實例</title>
</head>
<body>
<p> </p>
<p align="center"><b><font size="6" color="#0000FF">基於</font><font face="Times New Roman" size="6" color="#0000FF">uClinux</font><font size="6" color="#0000FF">的</font><font face="Times New Roman" size="6" color="#0000FF">Web</font><font size="6" color="#0000FF">伺服器控制三個</font><font face="Times New Roman" size="6" color="#0000FF">LED</font><font size="6" color="#0000FF">的測試</font></b></p>
<p></p>
<table width="651" height="230" border="1" align="center">
<tr>
<td width="670" height="200">
<p align="center">通過下面的選項，你可以控制開發板上的led了。</p>
<form action="/cgi-bin/cgi_test">
<p align="center">
<input type="radio" name="R1" value="V1" checked="checked" />1開
<input type="radio" name="R2" value="V1" checked="checked" />2開
<input type="radio" name="R3" value="V1" checked="checked" />3開</p>
<p align="center">
<input type="radio" name="R1" value="V2" />1關
<input type="radio" name="R2" value="V2" />2關
<input type="radio" name="R3" value="V2" />3關</p>
<p align="center">
<input type="submit" value="確認" name="B1" />
</p></td>
</form>
</tr>
</table>
<p> </p>
<p align="center">說明：這個是基於s3c44b0的uClinux(linux 2.4 kernel)系統設計的 </p>
<p> </p>
</body>
</html>
『貳』 網站的代碼是什麼許多網站都提供的
簡單實用的HTML代碼分享
Jan 5,2005 Farhill
感謝易趣朋友的支持，本篇可以用於網上店鋪和物品頁面可插入HTML的任何一個地方。如淘寶網，易趣網，一拍網，買麥網等。
一、HTML各種命令的代碼：
1、文本標簽(命令)
<pre></pre> 創建預格式化文本
<h1></h1> 創建最大的標題
<h6></h6> 創建最小的標題
<b></b> 創建黑體字
<i></i> 創建斜體字
<tt></tt> 創建打字機風格的字體
<cite></cite> 創建一個引用,通常是斜體
<em></em> 加重一個單詞（通常是斜體加黑體）
<strong></strong> 加重一個單詞（通常是斜體加黑體）
<font size=?></font> 設置字體大小，從 1 到 7
<font color=?></font> 設置字體的顏色,使用名字或十六進制值
2、圖形(命令)
<img src="name"> 添加一個圖像
<img src="name" align=?> 排列對齊一個圖像:左中右或上中下
<img src="name" border=?> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=?> 設置水平線的大小（高度）
<hr width=?> 設置水平線的寬度（百分比或絕對像素點）
<hr noshade> 創建一個沒有陰影的水平線
3、鏈接(命令)
<a href="URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"></a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
4、格式排版(命令)
<p> 創建一個新的段落
<p align=?> 將段落按左、 中、 右對齊
<br> 插入一個回車換行符
<blockquote></blockquote> 從兩邊縮進文本
<dl></dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol></ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前，並加上一個數字
<ul></ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前，並加上一個圓點
<div align=?> 一個用來排版大塊HTML 段落的標簽，也用於格式化表
二、HTML基本語法
文件格式<html></html>(文件的開頭與結尾)
主題<title></title>(放在文件的開頭)
文頭區段<head></head>(描述文件的信息)
內文區段<body></body>(放此文件的內容)
標題<h?></h>(?=1~6,改變標題字的大小)
標題對齊<h align=right,left,center></h>
字加大<big></big>
字變小<small></small>
粗體字<b></b>
斜體字<i></i>
底線字<u></u>
上標字<sup></sup>
下標字<sub></sub>
居中<center></center>
居左<left> </left>
居右<right> </right>
基本字體大小<basefont size>(取值范圍從1到7，默認值為3)
改變字體大小<font size=?></font>(?=1~7)
字體顏色<font color=#rrggbb></font>(RGB色碼)
指定字型<font face=?></font>(?=宋體，楷體等)
網址鏈結<a href="URL"></a>
設定錨點<a name="?"></a>(?以容易記為原則)
鏈結到錨點<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(錨點不同文件)
顯示圖形<img src="URL"></a>
圖形位置<img src="URL" align=top,bottom,middle,left,right>(分別為上、下、中、左、右的位置)
圖形取代文字<img src="URL"alt=?>(無法顯示圖形時用)
圖形尺寸<img src="URL" width=? height=?>(?以像素為單位)
連結圖形邊線<img src="URL"border=?>(?以像素為單位)
圖形四周留白<img src="URL"hspace=? vspace=?>(?以像素為單位)
段落<p></p>
斷行<br></br>
橫線<hr>
橫線厚度<hr size=?>(?以像素為單位)
橫線長度<hr width=?>(?以像素為單位)
橫線長度<hr width=?%>(?與頁寬相比較)
實橫線<hr noshade>(無立體效果)
背景圖案<body background=圖形文件名>(圖形文件格式為gif和jpg)
背景顏色<body bgcolor=#rrggbb>(RGB色碼)
背景文字顏色<body text=#rrggbb>(RGB色碼)
未鏈結點顏色<body link=#rrggbb>(RGB色碼)
已鏈結點顏色<body vlink=#rrggbb>(RGB色碼)
正在鏈結點顏色<body alink=#rrggbb(RGB色碼)
三、具體在做html文件前,我們還有哪些需要做的：
1、網頁圖象一般有什麼要求？
受網路傳輸速度制約，圖象要盡量小。一般每幅最大不要20K。
圖象格式一般為gif和jpg兩種。通常單調的可以考慮使用gif壓縮。用jpg處理照片比較合適，因為裡麵包含許多色彩的緩和變化。不管是哪種，做好後都應壓縮以給圖片減肥，但不要壓得太多而失真。壓縮可用JPEG Optimizer或Image Optimizer兩種工具，若用photoshop5.5做的圖象，保存時直接用Save For Web可進行壓縮。另外，Gif格式可作成動畫。
2、選擇圖片的網路存儲空間
建議各位賣家們事先可以找一個穩定的空間來存放你的圖片，以確保你的買家隨時可以看到精美漂亮的商品。注意：不要把圖片存放在免費相冊里，因為這些相冊的路徑一般都是虛擬的，每一次瀏覽的URL都會改變，這對我們賣家來說是非常不好的。
另外要注意的一點是：有一些買家反映看到的賣家商品的圖片是小叉叉，這是因為一些賣家在用HTML粘貼圖片的時候把自己電腦中C盤或者D盤(也就是本地路徑)的圖片的路徑直接直接復制在命令中，這樣就會造成賣家自己可以看到這些圖片而你的買家們看到的則是叉叉！所以賣家們在用HTML製作圖片的時候一定要注意不要用本地路徑直接粘貼圖片！
四、練習的例子：（紅色字體部分即可修改成你自己的自定義）
第一：用HTML來插入一個圖片，
<img src="http://www.cyberhome.cn/images/girl/PLMM_A.jpg">
第二：用HTML來插入一個URL，
<a href="http://www.cyberhome.cn/images/girl/PLMM_move.gif">點擊我進入</a>
第三：插入url的同時，插入圖片，點擊圖片就可以進入這個url
<a href="http://taobao.cyberhome.cn/><img src="http://www.cyberhome.cn/images/girl/PLMM_C.jpg"></a>
第四：插入一段音樂
<embed src=""http://www.cyberhome.cn/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>
『叄』 html求製作一個簡單網頁代碼，只需要一些文字加張圖片
具體步驟如下：
『肆』 帶鏈接簡單完整的網頁代碼
<html>
<head>第一章 XHTML</sitle></head>
<body>
<p>1、<A href="簡單網頁.htm" target=right>簡單網頁的製作效果</A></p>
<p>2、<A href="流動圖片.htm" target=right>流動圖片的製作效果</A></p>
<p>3、<A href="列表.htm" target=right>列表的製作效果</A></p>
<p>4、<A href="表格.htm" target=right>表格的製作效果</A></p>
</body>
</html>
第一個的鏈接
<html>
<head><title>網頁製作基礎語言——XHTML</title></head>
<body bgcolor=#fffff0 text=blue>
<h2 align=center>第3章 網頁製作基礎語言——XHTML</h2>
<p> 每一幅網頁就是一份HTML或XHTML文件。</p>
<h3>3.1 標記語言簡介</h3>
<p> 目前常用的計算機標記語言有SGML、HTML、XML、VXML（虛擬現實模型語言）、WML（無線標記語言）、XHTML等。</h3>
<h4>3.1.1 標准通用標記語言——SGML</h4>
<p> 1989年，IBM公司開發了通用標記語言（Standard Generalized Markup Language，簡稱為SGML）。</h4>
<h4> 1.標記及其屬性</h4>
<p> XHTML文檔由標記和被標記的內容組成，格式為：</p>
<p align=center><標記>受標記影響的內容<</>/標記></p>
<h4> 2.XHTML代碼規范</h4>
<p> 在編寫XHTML代碼時，必須遵循以下規范。</p>
</body>
</html>
第二個的鏈接
<html>
<head><title>流動圖片</title></head>
<body>
<marquee direction=left behavior=scroll loop=-1 scrollamount=10 bgcolor=#faa755 lign=middle>《計算機導論》 《計算機文化基礎》 《網頁設計教程》 《C++教程設計》 《計算機操作系統》
</marquee>
<marquee direction=left behavior=scroll loop=-1 scrollamount=5 >
<div align=right>
<img src="04.jpg" hspace=20 vspace=20 width= 500 height=500><img src="05.jpg" hspace=20 vspace=20 width=500 height=500><img src="06.jpg" hspace=20 vspace=20 width=500 height=500><img src="07.jpg" hspace=20 vspace=20 width=500 height=500>
</marquee>
</body>
</html>
第三個的鏈接
<html>
<head><title>嵌套列表練習</title></head>
<body>
<ol type=A start=2>
<li>白菜
<ul type=circle>
<li>北京一元三毛一斤
<li>上海八毛一斤
<li>重慶五毛一斤
</ul>
<li>土豆
<ul type=circle>
<li>北京一元三毛一斤
<li>上海八毛一斤
<li>重慶五毛一斤
</ul>
</ol>
</body>
</html>
第四個的鏈接
<html>
<head><title>表格的製作</title></head>
<body>
<table width=100% bgcolor=#d3d7d4 border=1 bordercolor=blue>
<caption><font face="宋體" size=6 ><b>足球隊</b></font>
</caption>
<tr align=center>
<th colspan=2>義大利<th colspan=2>英格蘭<th colspan=2>西班牙</th>
<tr align=center>
<td width=16.6%>AC米蘭<td width=16.6%>佛羅倫薩<td width=16.6%>曼聯<td width=16.6%>紐卡斯爾<td width=16.6%>巴塞羅那<td width=16.6%>皇家社會
<tr align=center>
<td width=16.6%>尤文圖斯<td width=16.6%>桑普多利亞<td width=16.6%>利物浦<td width=16.6%>阿申納<td width=16.6%>皇家馬德里<td width=16.6%>……
<tr align=center>
<td width=16.6%>拉齊奧<td width=16.6%>國際米蘭<td width=16.6%>切爾西<td width=16.6%>米德爾斯堡<td width=16.6%>馬德里競技<td width=16.6%>……
</table>
</body>
</html>
裡面的內容你可以修改。