■ 語法主題:HTML編輯器

輸入網頁標題:
E-Mail Address:
最喜歡的網站:
URL: 站名:
本文內容:




■ 控制碼內容:
將下面複製至 <body> 標籤後
<script language="JavaScript">
<!--hide this script from old browsers

function View(form){
msg=open("","DisplayWindow","status=1,scrollbars=1");msg.document.write(form.Text2.value);
}

function Generate(form){
var txt="<html><HEAD><TITLE>"+form.Name.value+"</TITLE></HEAD>\r\n";txt+="<CENTER><h1><font color=red>"+form.Name.value+"</font></h1></CENTER><hr>\r\n";
txt+='<body><font size=4>\r\n';
if(form.Text1.value)
txt+=form.Text1.value+"\r\n";
if(form.Fav1URL.value||form.Fav2URL.value||form.Fav3URL.value||form.Fav4URL.value||form.Fav5URL.value||form.Fav6URL.value){
txt+="<hr><font>Some of my favorite links:<br><ul>\r\n<li><a href=http://www.javascripts.com>24 hour JavaScripts</a><br>\r\n";
if(form.Fav1URL.value)
txt+="<li><a href="+form.Fav1URL.value+">"+form.Fav1Title.value+"</a><br>\r\n";
if(form.Fav2URL.value)
txt+="<li><a href="+form.Fav2URL.value+">"+form.Fav2Title.value+"</a><br>\r\n";
if(form.Fav3URL.value)
txt+="<li><a href="+form.Fav3URL.value+">"+form.Fav3Title.value+"</a><br>\r\n";
if(form.Fav4URL.value)
txt+="<li><a href="+form.Fav4URL.value+">"+form.Fav4Title.value+"</a><br>\r\n";
if(form.Fav5URL.value)
txt+="<li><a href="+form.Fav5URL.value+">"+form.Fav5Title.value+"</a><br>\r\n";
if(form.Fav6URL.value)
txt+="<li><a href="+form.Fav6URL.value+">"+form.Fav6Title.value+"</a><br>\r\n";
txt+="</ul></font>";
}
if(form.EMail.value){
txt+="<hr>Questions? Comments? E-Mail me:\r\n";
txt+="<address><a href=mailto:"+form.EMail.value+">"+form.EMail.value+"</address>\r\n";
}
txt+="</font></body></html>";
form.Text2.value=txt;
}

function AddText(form, Action){
var AddTxt="";
var txt="";
if(Action==1){
txt=prompt("Text for the level 1 header.","Text");
if(txt!=null)
AddTxt="<h1>"+txt+"</h1>\r\n";
}
if(Action==2){
txt=prompt("Text for the level 2 header.","Text");
if(txt!=null)
AddTxt="<h2>"+txt+"</h2>\r\n";
}
if(Action==3){
txt=prompt("Text for the level 3 header.","Text");
if(txt!=null)
AddTxt="<h3>"+txt+"</h3>\r\n";
}
if(Action==4){
txt=prompt("Text to be made BOLD.","Text");
if(txt!=null)
AddTxt="<b>"+txt+"</b>";
}
if(Action==5){
txt=prompt("Text to be italicized","Text");
if(txt!=null)
AddTxt="<i>"+txt+"</i>";
}
if(Action==6)
AddTxt="\r\n<p>";
if(Action==7)
AddTxt="<br>\r\n";
if(Action==8)
AddTxt="<hr>\r\n";
if(Action==9){
txt=prompt("URL for the link.","http://");
if(txt!=null){
AddTxt="<a href="+txt+">";
txt=prompt("Text to be show for the link","Text");
AddTxt+=txt+"</a>\r\n";
} }
if(Action==10){
txt=prompt("URL for graphic","URL");
if(txt!=null)
AddTxt="<img src="+txt+">\r\n";
}
form.Text1.value+=AddTxt;
}

function ResetPage(form){
if(confirm("Reset the page?")){
form.Text1.value="";
form.Text2.value="";
form.Name.value="";
form.EMail.value="";
form.Fav1URL.value="";
form.Fav1Title.value="";
form.Fav2URL.value="";
form.Fav2Title.value="";
form.Fav3URL.value="";
form.Fav3Title.value="";
form.Fav4URL.value="";
form.Fav4Title.value="";
form.Fav5URL.value="";
form.Fav5Title.value="";
form.Fav6URL.value="";
form.Fav6Title.value="";
}
}

<!-- done hiding from old browsers -->
</script></p>

<FORM ACTION="html"><center><table>
<tr><td>輸入網頁標題:<td><input type="text" name="Name" size=30>
<tr><td>E-Mail Address:
<td><input type="text" name="EMail" size=30>
<tr><td colspan=2>最喜歡的網站:
<tr><td>URL:<td>站名:
<tr><td><input type="text" name="Fav1URL" size=30>
<td><input type="text" name="Fav1Title" size=30>
<tr><td><input type="text" name="Fav2URL" size=30>
<td><input type="text" name="Fav2Title" size=30>
<tr><td><input type="text" name="Fav3URL" size=30>
<td><input type="text" name="Fav3Title" size=30>
<tr><td><input type="text" name="Fav4URL" size=30>
<td><input type="text" name="Fav4Title" size=30>
<tr><td><input type="text" name="Fav5URL" size=30>
<td><input type="text" name="Fav5Title" size=30>
<tr><td><input type="text" name="Fav6URL" size=30>
<td><input type="text" name="Fav6Title" size=30>
<tr><td colspan=2>本文內容:<tr align=center>

<td colspan=2>
<input type="Button" value="Header1" onClick="AddText(this.form,1);">
<input type="Button" value="Header2" onClick="AddText(this.form,2);">
<input type="Button" value="Header3" onClick="AddText(this.form,3);">
<input type="button" value="粗體" onClick="AddText(this.form,4);">
<input type="button" value="斜體" onClick="AddText(this.form,5);">
<br><input type="button" value="段落" onClick="AddText(this.form,6);">
<input type="button" value="換行" onClick="AddText(this.form,7);">
<input type="button" value="水平線" onClick="AddText(this.form,8);">
<input type="button" value="連結" onClick="AddText(this.form,9);">
<input type="button" value="插入圖片" onClick="AddText(this.form,10);">
<br><textarea name="Text1" Rows=8 Cols=60></textarea><tr align=center>
<td colspan=2><input type="button" value="確 定"
onClick="Generate(this.form);">
</caption></table><hr><input type="button" value="清除"
onClick="ResetPage(this.form);"><input type="button" value="About"
onClick="alert('Javascripts rule!!')"><input type="button"
value="預 覽" onClick="View(this.form);"><br>
<textarea name="Text2" rows=8 Cols=70></textarea></center></FORM>

1.請依表格所列填入您想出現在HOMEPAGE上之文字
2.按下 "確 定" 按鈕
3.您可在文字編輯區做細部調整
4.按下 "預 覽" 按鈕就可欣賞您自己的HOMEPAGE
5.如想將大作存檔您可將HTMLSOURCE剪下存入記事本即可