第一個
權益聲明符號“©“,註冊商標符號-〉“¬“
第二個，table
<table cellspacing="10" border="1" cellpadding="5"><caption>caption content</caption></table>
第三個，無序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<ol>
權益聲明符號“©“,註冊商標符號-〉“¬“
第二個，table
<table cellspacing="10" border="1" cellpadding="5"><caption>caption content</caption></table>
第三個，無序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<ol>
第四個，隱藏對象
與jsp聯合獲得系統時間<input type="hidden" name="date" value="<%=date%>">
與jsp聯合獲得系統時間<input type="hidden" name="date" value="<%=date%>">
第五個，onsubmit
<form name = " " methed="post" action=" " οnsubmit="return check()">
.....
</form>
<script language="javascript">
<!-- function check(){
if(document.form1.barName.value==""){
alert("輸入貨物名稱");
document.form1.barName.focus();
return false;
}
}
-->
</script>
第六個，5秒後跳轉道index1.jsp
(1)位置：<head></head>間
(2)<meta http-equiv="refresh" content="5; url=insex1.jsp">
第七個，框架網頁設計，
<frameset cols="50%,50%">
<frame src="th1.html" name="w1">
<frame src="thcon1.html" name="w2">
</frameset>
<form name = " " methed="post" action=" " οnsubmit="return check()">
.....
</form>
<script language="javascript">
<!-- function check(){
if(document.form1.barName.value==""){
alert("輸入貨物名稱");
document.form1.barName.focus();
return false;
}
}
-->
</script>
第六個，5秒後跳轉道index1.jsp
(1)位置：<head></head>間
(2)<meta http-equiv="refresh" content="5; url=insex1.jsp">
第七個，框架網頁設計，
<frameset cols="50%,50%">
<frame src="th1.html" name="w1">
<frame src="thcon1.html" name="w2">
</frameset>
編輯th1.html
<a href="thcon1.html" target="w2">目錄1</a>
<a href="thcon2.html" target="w2">目錄2</a>
<a href="thcon3.html" target="w2">目錄3</a>
第八個，用例子講述css 的使用
效果一：給單元格加上效果蒙板，鼠標掠過時清楚顯示
1，聲明：<link href="img/css.css" rel="stylesheet" type="text/css">
2，filter.css中編輯
.alpha60 {
filter: Alpha(Opacity=60);
}
3，引用：<td align="center" class="alpha60"
οnmοuseοver="this.className=''"
οnmοuseοut="this.className='alpha60'"></td>
<a href="thcon1.html" target="w2">目錄1</a>
<a href="thcon2.html" target="w2">目錄2</a>
<a href="thcon3.html" target="w2">目錄3</a>
第八個，用例子講述css 的使用
效果一：給單元格加上效果蒙板，鼠標掠過時清楚顯示
1，聲明：<link href="img/css.css" rel="stylesheet" type="text/css">
2，filter.css中編輯
.alpha60 {
filter: Alpha(Opacity=60);
}
3，引用：<td align="center" class="alpha60"
οnmοuseοver="this.className=''"
οnmοuseοut="this.className='alpha60'"></td>
第九個，用例子講述js的使用
（1）js代碼位置<head></head>或<body></body>之間
（2）<script language="javascript">
<!--
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=##000000 style='font-size:9pt;font-family: 宋體'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"</font>" );
-->
</script>
（1）js代碼位置<head></head>或<body></body>之間
（2）<script language="javascript">
<!--
today=new Date();
function initArray(){
this.length=initArray.arguments.length
for(var i=0;i<this.length;i++)
this[i+1]=initArray.arguments[i] }
var d=new initArray(
"星期日",
"星期一",
"星期二",
"星期三",
"星期四",
"星期五",
"星期六");
document.write(
"<font color=##000000 style='font-size:9pt;font-family: 宋體'> ",
today.getYear(),"年",
today.getMonth()+1,"月",
today.getDate(),"日",
d[today.getDay()+1],
"</font>" );
-->
</script>
<script src="img/date.js">
</script>
第十個，鏈接顏色
<body link="#" vlink="#" alink="#" >
第十一個，錨點（文章快速查看）
目錄
1 -〉<a href="help.htm #h1">1</a>
2 -〉<a href="help.htm #h2">2</a>
</script>
第十個，鏈接顏色
<body link="#" vlink="#" alink="#" >
第十一個，錨點（文章快速查看）
目錄
1 -〉<a href="help.htm #h1">1</a>
2 -〉<a href="help.htm #h2">2</a>
1,如何使用本系統<a name="h1"></a>
2,聯繫方式<a name="h2"></a>
2,聯繫方式<a name="h2"></a>