⑴ 簡單的html個人主頁源代碼
個人html主頁站點所提供的多半是純文字或圖片等靜態信息,而就站點的性質來說,則以教學或特定主題(如歷史、古典文學、電玩、旅遊記錄等)的站台為多數。
你可以通過千站素材下載html網頁源碼,製作你的"個人主頁",用於展示你自己的個性,將自己喜歡的東西放在"個人主頁"上,讓大家都可以來欣賞。
⑵ 網頁設計常用HTML代碼
網頁設計常用HTML代碼大全
HTML是用來描述網頁的一種語言。下面我為大家分享HTML代碼,希望對大家學習html代碼有幫助!
忽視右鍵
<body oncontextmenu="return false">
或
<body style="overflow-y:hidden">
1.如何幾秒後轉到別的頁面?
<META HTTP-EQUIV="Refresh" CONTENT="時間;URL=地址">
2.點擊關閉窗口
<a href="javascript:top.window.close();">點擊關閉窗口</a>!
3.請問如何去掉主頁右面的滾動條?
<body scroll="no">
<body style="overflow-y:hidden">
4.請問如何做到讓一個網頁自動關閉.
<html>
<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body onload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)">
這個窗口會在10秒過後自動關閉,而且不會出現提示. </body>
如何在不刷新頁面的情況下刷新css?
<style>
button{ color:#000000;}
</style>
<button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>點擊按鈕直接修改style標簽里button選擇符使按鈕改為紅色</button>
請問如何讓網頁自動刷新?
在head部記入<META HTTP-EQUIV="Refresh" content="20">其中20為20秒後自動刷新,你可以更改為任意值。
5.如何讓頁面自動刷新?
方法一,用refresh
HTML 代碼片段如下:
<head>
<meta http-equiv="refresh" content="5">
</head>
5表示刷新時間
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
方法二,使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</script>
6.如何讓超鏈接沒有下劃線
在源代碼中的<HEAD>…</HEAD>之間輸入如下代碼:
<style type="text/css"> <!--
a { text-decoration: none}
--> </style>
7.請問如何去掉IE的上下滾動條?
<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>
</body>
8.怎樣才能把RealPlayer文件在網頁做一個試聽連接?
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton">
9.如何用html實現瀏覽器上後退按鈕的功能?
<a href="java script:history.go(-1)">點擊後退</a>
或者
<script> history.back() </script>
10.請問怎麼在網頁中改變滑鼠的箭頭形狀?
HTML 代碼片段如下:
<body>
<a href="#" style="cursor: auto;">auto</a><br>
<a href="#" style="cursor: crosshair ">crosshair </a><br>
<a href="#" style="cursor: default ">default </a><br>
<a href="#" style="cursor: hand ">hand </a><br>
<a href="#" style="cursor: move ">move </a><br>
<a href="#" style="cursor: e-resize ">e-resize </a><br>
<a href="#" style="cursor: ne-resize ">ne-resize </a><br>
<a href="#" style="cursor: nw-resize">nw-resize</a><br>
<a href="#" style="cursor: n-resize">n-resize</a><br>
<a href="#" style="cursor: se-resize">se-resize</a><br>
<a href="#" style="cursor: sw-resize">sw-resize</a><br>
<a href="#" style="cursor: s-resize">s-resize</a><br>
<a href="#" style="cursor: w-resize">w-resize</a><br>
<a href="#" style="cursor: text">text</a><br>
<a href="#" style="cursor: wait">wait</a><br>
<a href="#" style="cursor: help">help</a><br>
</body>
11.怎樣不使用頁面的緩存?即每一次打開頁面時不是調用緩存中的東西
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
12.頁面打開時自動彈出一個窗口的代碼怎麼寫?
HTML 代碼片段如下:
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow(‘‘‘‘http://www.35ui.cn/‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)">
</body>
</html>
13.如何讓我的頁面出現一個會講話的小人?Merlin
HTML 代碼片段如下:
<HTML>
<HEAD>
<TITLE>默林</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY>
<p><OBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F>
</OBJECT>
<SCRIPT>
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可愛嗎?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
</SCRIPT>
</p>
<p> </p>
<p>看此效果必須裝有office2000!!!</p>
</BODY>
</HTML>
14.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動
HTML 代碼片段如下:
<html><head>
<STYLE>
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
</STYLE>
</head>
<body bgproperties="fixed" >
</body>
</html>
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]
background-repeat:no-repeat; 是讓背景圖不佔滿整個頁面
body bgproperties="fixed" 是拉動scroll時背景圖不動
15.文本輸入框什麼屬性能實現不可輸入?
HTML 代碼片段如下:
<input type="text" name="textfield" disabled>
或者
<input type="text" name="textfield" readonly>
16.如何禁止自己的頁面在別人的框架里打開?
把以下代碼加至你的<head>區
<script>
if (window.top!=self){
window.top.location=self.location
}
</script>
17.如何實現首頁全屏幕顯示?
HTML 代碼片段如下:
<html>
<body><script language="<B style="color:black;background-color:#A0FFFF">javascript</B>">
var coolw=642
var coolh=400
var coolhuang=window.open("http://www.35ui.cn","coolhuang","width="+coolw+",height="+coolh+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
</script></body></html>
18.如何監聽一個窗口被關閉了?
HTML 代碼片段如下:
<body onunload="alert(‘‘‘‘你關閉了這個窗口‘‘‘‘)">
19.如何禁止Ctrl+N?
HTML 代碼片段如下:
<body onkeydown=return(!(event.keyCode==78&&event.ctrlKey))>
如何把頁面加入用戶的收藏夾?
HTML 代碼片段如下:
<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(‘‘‘‘http://www.35ui.cn‘‘‘‘,‘‘‘‘無憂腳本‘‘‘‘)">收藏無憂腳本</a>
如何在我的'頁面中加入背景音樂?
IE: <bgsound src="*.mid" loop=infinite>
NS:<embed src="*.mid" autostart=true hidden=true loop=true>
*.mid你的背景音樂的midi格式文件
關於頁面轉換效果
<meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)">
或
<meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)">
說明:Transition=23是隨機效果,另可以選0-22任一數字固定某個效果
如何設定打開頁面的大小
HTML 代碼片段如下:
<body onload="top.resizeTo(300,200);"><!--(width,height)-->
怎樣雙擊滾屏,單擊停止?
HTML 代碼片段如下:
<html>
<head>
<title>新網頁1</title>
</head>
<body>
<script language"<B style="color:black;background-color:#A0FFFF">javascript</B>">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
<p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p>
<p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p>
</body>
</html>
如何讓body中的文字不被選中?
HTML 代碼片段如下:
<body onselectstart="return false" >aaa</body>
如何讓彈出的窗口不能關閉?
在新開的窗口中加入如下代碼
<body onunload=open(location.href)>
</body>
如何讓瀏覽器在保存頁面時保存失敗?
HTML 代碼片段如下:
<NOSCRIPT>
<<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html">
</<B style="color:black;background-color:#ffff66">IFRAME</B>>
</NOSCRIPT>
表單中如何用圖片按鈕實現 reset?
<html>
<head>
<script>
function aaa(){
document.forms[0].reset()
}
</script>
</head>
<body>
<form>
<textarea rows="2" name="S1" cols="20"></textarea>
<input type="submit" values="提交" name="B1">
<image src="logo.gif" onclick=aaa()>
</form>
</body></html>
進入網頁時彈出的信息對話框
<body onLoad="window.alert(‘‘‘‘歡迎光臨本站‘‘‘‘)">
關閉窗口後彈出對話框
<body onUnload="window.alert(‘‘‘‘謝謝你的光臨!歡迎下次再來!‘‘‘‘)">
告別提示
<body onUnload= alert("再見,感謝你的訪問!")>
右鍵菜單的製作
<OBJECT id=menu type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Related Topics,menu">
<PARAM name="Item1" value="動易;http://www.35ui.cn">
<PARAM name="Item2" value="搜狐;http://www.35hu.cn">
<PARAM name="Item3" value="新浪;http://www.35no.cn">
<PARAM name="Item4" value="網易;http://www.chinsgp.cn">
<PARAM name="Item5" value="互動學院;http://www.35ui.cn">
</OBJECT> <script> if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") </script>
下拉菜單
<object id=HHCtrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM name="Command" value="Related Topics,Menu"> <PARAM name="Item1" value="aspease;http://www.35ui.cn"> <PARAM name="Item2" value="byhu;http://www.35ui.cn"> <PARAM name="Item3" value="lzz;http://www.35ui.cn"> </object> <a href=javascript:HHCtrl.Click() title="下拉菜單">下拉菜單</a>
;⑶ 求一個簡單的個人網頁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>
⑷ 誰給個用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 name="Description" content="Design by :Donkey" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>人才招聘</title>
<link href="/zh-cn/images/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="/zh-cn/images/js.js" type="text/javascript"></script>
<style type="text/css">
<!--
body{
font-size:12px;
background:#FFFFFF url(http://www.gzsp.com/zh-cn/images/bks.gif);
}
input{ background:#FFFFFF}
textarea{ background:#FFFFFF}
select{ background:#FFFFFF}
.STYLE1 {color: #FF0000}
/*================================提交按鈕==========================*/
.buttonArea{ text-align:right; padding:0 10px 0 10px;}
.btn_mouseout
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding:1px;
font-size: 12px;
cursor: pointer;
color: #666;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#BECCDA);
}
.btn_mouseover
{
width:80px;height:40px;
border: #ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#D7E7FA);
}
.btn_mousedown
{
width:80px;height:40px;
border: #dfe6ef 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color: #f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
.btn_mouseup
{
width:80px;height:40px;
border:#ffffff 1px solid;
padding: 1px;
font-size: 12px;
cursor: pointer;
color:#f60;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
/****************
js製作阿蒙
*****************/
var itemArray = new Array("xm","sfzhm","xm2","hj","tel","xzz","byyx","by_year","xm222","textarea","jyzk");//把需要輸入的輸入框id放到這個數組里
var labelArray = new Array("用戶名","身份證號碼","出生日期","戶籍","聯系電話","住址","畢業院校","畢業時間","所學專業","計算機水平","受教育情況");//把對應的輸入框名字放在這里
function funsubmit(){
var len = itemArray.length;
for(i=0;i<len;i++){
if(eval("document.all."+itemArray[i]+".value") == ""){
alert(labelArray[i]+" 不能為空!");
eval("document.all."+itemArray[i]+".focus()");
eval("document.all."+itemArray[i]+".style.backgroundColor='#FFECEC'");
return false;
}
}
}
function blank(obj){
if(obj.value.length != 0){
obj.style.backgroundColor="";
}
}
//-->
</script>
</head>
<body>
<div class="content3">
<form name="frmdemo" method="post" action="http://cmp.gzsp.com:8090/zp/spzp.php" id="sqd1" onSubmit="return funsubmit();">
<div align="center"><strong>請填寫你的簡歷</strong>(注意星號項目必須填寫)
</div>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC">
<tr>
<td><div align="center" style="padding-top:5px"><strong>個人簡歷</strong></div></td>
</tr>
</table>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td width="75" align="middle" bgcolor="#ebebeb">姓 名</td>
<td width="214"><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="xm" />
<font color="#ff0000">*</font></td>
<td width="92" align="middle" bgcolor="#ebebeb">性 別</td>
<td width="291">
<select class="alcatel" name="xb">
<option selected="selected">男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td align="middle">身份證號</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" name="sfzhm" />
<font color="#ff0000">*</font></td>
<td align="middle">出生日期</td>
<td><input onPropertyChange="blank(this)" class="alcatel" size="18" value="" name="xm2" />
<span class="STYLE1">*</span></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">政治面貌</td>
<td><select class="alcatel" name="zzmm">
<option
selected="selected">群眾</option>
<option>團員</option>
<option>黨員</option>
<option>民主人士</option>
</select> </td>
<td align="middle" bgcolor="#ebebeb">戶 籍</td>
<td><input onPropertyChange="blank(this)" name="hj" class="alcatel" value="" size="18" />
<font
color="#ff0000">*</font></td>
</tr>
<tr>
<td align="middle">婚姻狀況</td>
<td><select class="alcatel" name="hyzk">
<option selected="selected">未婚</option>
<option>已婚</option>
</select></td>
<td align="middle">視力狀況</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="4" size="4" name="slzk" /></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">身高/厘米</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" value="" name="sg" /></td>
<td align="middle" bgcolor="#ebebeb">體重/公斤</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="3" size="3" name="tz" /></td>
</tr>
<tr>
<td align="middle">民 族</td>
<td><select class="alcatel" name="mz">
<option
selected="selected">漢族</option>
<option>蒙古族</option>
<option>回族</option>
<option>藏族</option>
<option>維吾爾族</option>
<option>苗族</option>
<option>彝族</option>
<option>壯族</option>
<option>布依族</option>
<option>朝鮮族</option>
<option>滿族</option>
<option>侗族</option>
<option>瑤族</option>
<option>白族</option>
<option>土家族</option>
<option>哈尼族</option>
<option>哈薩克族</option>
<option>傣族</option>
<option>黎族</option>
<option>僳僳族</option>
<option>佤族</option>
<option>畲族</option>
<option>高山族</option>
<option>拉祜</option>
<option>水族</option>
<option>東鄉族</option>
<option>納西族</option>
<option>景頗族</option>
<option>柯爾克孜</option>
<option>土族</option>
<option>達斡爾族</option>
<option>仫佬族</option>
<option>羌族</option>
<option>布朗族</option>
<option>撒拉族</option>
<option>毛難族</option>
<option>仡佬族</option>
<option>錫伯族</option>
<option>阿昌族</option>
<option>普米族</option>
<option>塔吉克族</option>
<option>怒族</option>
<option>烏孜別克</option>
<option>俄羅斯族</option>
<option>鄂溫克族</option>
<option>崩龍族</option>
<option>保安族</option>
<option>裕固族</option>
<option>京族</option>
<option>塔塔爾族</option>
<option>獨龍族</option>
<option>鄂倫春族</option>
<option>赫哲族</option>
<option>門巴族</option>
<option>珞巴族</option>
<option>基諾族</option>
<option>青族</option>
<option>其他</option>
</select> </td>
<td align="middle">電 話</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="18" size="18" value="" name="tel" />
<font color="#ff0000">*</font></td>
</tr>
<tr>
<td align="middle" bgcolor="#ebebeb">現 住 址</td>
<td colspan="3"><input onPropertyChange="blank(this)" class="alcatel" maxlength="70" size="70"
name="xzz" />
<font color="#ff0000">*</font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td align="middle" width="75">畢業院校</td>
<td width="315"><input onPropertyChange="blank(this)" class="alcatel" maxlength="30" value="" name="byyx" />
<font color="#ff0000">*</font></td>
<td class="f12" align="middle" width="65" bordercolorlight="#D1D1D1" bordercolordark="#ffffff">畢業日期</td>
<td width="225" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" class="f12"><input onPropertyChange="blank(this)" class="alcatel" maxlength="15"
size="15" name="by_year" />
<font color="#ff0000">*</font></td>
</tr>
<tr>
<td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff">所學專業</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><input onPropertyChange="blank(this)" class="alcatel" maxlength="10" size="10" value="" name="xm222" />
<font color="#ff0000">*</font></td>
<td class="f12" align="middle" bgcolor="#ebebeb"
bordercolorlight="#D1D1D1" bordercolordark="#ffffff">最高學歷</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel" name="zgxl">
<option>初中</option>
<option>高中</option>
<option>中專</option>
<option>大專</option>
<option selected="selected">本科</option>
<option>碩士</option>
<option>博士</option>
</select></td>
</tr>
<tr>
<td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff">英語水平</td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"><select class="alcatel"
name="yysp">
<option>一般</option>
<option
selected="selected">四級</option>
<option>六級</option>
<option>專業四級</option>
<option>專業八級</option>
<option>托福</option>
<option>GRE</option>
<option>雅思</option>
</select> </td>
<td class="f12" align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"></td>
<td class="f12" bordercolorlight="#D1D1D1" bordercolordark="#ffffff"></td>
</tr>
<tr>
<td align="middle" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12">計<br />
算<br />
機<br />
水<br />
平<br />
特<br />
長</td>
<td colspan="3" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#FFFFF7" class="f12"><font color="#ff0000">
<textarea onPropertyChange="blank(this)" name="textarea" rows="8" cols="80"></textarea>
<font color="#ff0000">*</font> </font></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td align="middle" width="70"
rowspan="2">受<br />
教<br />
育<br />
及<br />
培<br />
訓<br />
狀<br />
況</td>
<td colspan="5"><span
lang="en-us" xml:lang="en-us">學 校 名 稱 專 業 年 月至 年 月 取得文憑/資格證書</span></td>
</tr>
<tr>
<td colspan="5"><textarea onPropertyChange="blank(this)" name="jyzk" rows="8" cols="80"></textarea>
<font color="#ff0000"><font color="#ff0000">*</font></font> </td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70"
rowspan="2" align="middle" bgcolor="#FFFFF7">工<br />
作<br />
經<br />
歷<br />
摘<br />
要</td>
<td colspan="5" bgcolor="#FFFFF7">年 月至 年 月 在何單位、部門 何職位、職責 離職原因</td>
</tr>
<tr>
<td colspan="5" bgcolor="#FFFFF7"><textarea name="gzjl" rows="12" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="85" align="middle">自<br />
我<br />
評<br />
價<br /></td>
<td colspan="5"><textarea name="textarea2" rows="6" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="72" align="middle" bgcolor="#FFFFF7">請描述<br />
你理想<br />
的工作</td>
<td colspan="5" bgcolor="#FFFFF7"><textarea name="textarea3" rows="5" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#ffffff" class="f12">
<tbody>
<tr>
<td width="70" height="72" align="middle">請描述<br />
你理想<br />
的公司</td>
<td colspan="5"><textarea name="textarea4" rows="5" cols="80"></textarea></td>
</tr>
</tbody>
</table>
<table width="690"
border="1" align="center" cellpadding="0" cellspacing="0" bordercolordark="#ffffff" bgcolor="#FFFFFF" class="f12">
<tbody>
<tr>
<td align="middle" width="90" bgcolor="#ebebeb" height="24">欲從事職位一</td>
<td width="220"><input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj2" /></td>
<td align="middle" width="100" bgcolor="#ebebeb">欲從事職位二</td>
<td width="220"><input onPropertyChange="blank(this)" class="alcatel" maxlength="20" value="" name="hj3" /></td>
</tr>
<tr>
<td align="middle">要求待遇(月薪)</td>
<td><input onPropertyChange="blank(this)" class="alcatel" maxlength="5" size="5" value="" name="yqdy" />
元</td>
<td align="middle"></td>
<td></td>
</tr>
</tbody>
</table>
<table width="690" border="1" align="center" cellspacing="0" bordercolorlight="#D1D1D1" bordercolordark="#ffffff" bgcolor="#CCCCCC">
<tr>
<td>
<div align="center" style="padding:10px;">
<input onPropertyChange="blank(this)" class="btn_mouseout"
onmouseover="this.className='btn_mouseover'"
onmouseout="this.className='btn_mouseout'"
onmousedown="this.className='btn_mousedown'"
onmouseup="this.className='btn_mouseup'"
onfocus="if(this.blur)this.blur()" type="submit" value="提交" name="Submit">
</div>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
⑸ 如何用html編寫一個簡單的網頁
簡單的html網頁可以直接利用文本編寫的,無需下載特定編輯器。
1、在我們的windows操作系統中,桌面上滑鼠右鍵新建一個txt文本,並命名為"最簡單網頁",只是便於標識,實際上並不影響我們的操作。注意我們需要提前在文件屬性中把擴展名顯示出來。
⑹ 找一點html5寫的源代碼案例,供初學者學習
首先准備好11張圖片,放到img文件夾下供調用
⑺ 求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>