ตัวอย่าง

 

แบบทดสอบ

คำถามเกี่ยวกับการเขียน Code HTML (คะแนนขั้นต่ำ 7คะแนนครับ)


1. รหัสสีของสีดำคือ ?

a. #0000FF
b. #00FFFF
c. #000000
d. #FF0000

2. ข้อใหนที่ไม่ใช่นามสกุลไฟล์รูปภาพ?

a. htm
b. jpg
c. gif
d. jpeg

3. การตีเส้นแนวนอนในเวบเพจมี code คือ?

a. <br>
b. <hr>
c. <pre>
d. <Q>

4. คำสั่ง <small>....</small> หมายถึง ?

a. เป็นการกำหนดรูปภาพเล็ก
b. เป็นการกำหนดอักษรตัวเล็ก
c. เป็นการกำหนดกรอบเล็ก
d. เป็นการกำหนดตารางเล็ก

5. การ Linkแล้วให้เปิดหน้าต่างใหม่มี codeคีอ ?

a. target=_top
b. target=_parent
c. target=_self
d. target=_blank

6. การกำหนดปุ่มรับข้อมูลจากform คือ ?

a. <input type=reset>
b. <input type=checkbox>
c. <input type=submit>
d. <input type=redio>

7. คำสั่ง <select>....</select>เป็นการสร้าง?

a. scrolling text box
b. check box
c. drop down menu
d. textaria

8. #C0C0C0 คือรหัสสีอะไร ?

a. Purple
b. Gold
c. Silver
d. Coral 

9.ข้อใดไม่ใช่คำสั่งในการเขียนCode HTML ?

a. <UL>
b. <WBR>
c. <NOBR>
d.<SUD> 

10. การเว้นวรรคใน codeHTMLจะใช้สัญลักษณ์อะไร?

a. &nbsp;
b. &lt:
c. &gt;
d. &quot;

 

 1. Code1 ใส่ใน Tag <head>  Code2 ใส่ใน tag <body>
 2. ใน Code1 ให้เปลี่ยนแปลงตรงที่เป็นเฉลยคำตอบตามที่ต้องการ (มีบอกในcode)
 3. ใน code1 ตรงที่เป็นข้อความที่จะปรากฏขึ้นมาเมื่อคลิกตอบสามารถจะเปลี่ยนได้ตามต้องการ (มีบอกในcode)
 4. ใน code2 เปลี่ยแปลงตรงส่วนที่เป็นคำถามคำตอบได้ตามต้องการโดย
    - มีทั้งหมด10คำถาม (อาจเพิ่มเติมได้)
   - ใน1คำถามจะมี ช้อยท์ให้เลือก 4 ช้อยท์ซึ่งกำหนดเองได้ตามต้องการ (ข้อที่ถูกต้องตรงกับคำเฉลยที่ตั้งไว้ใน code1 ด้วย)
 
 <script>

<!--http://www.banabana.u4l.com-->

<!-- hide

var ans = new Array;

var done = new Array;

var score = 0;

//ข้างล่างนี้คือคำตอบที่ถูกต้อง

ans[1] = "c";

ans[2] = "a";

ans[3] = "b";

ans[4] = "b";

ans[5] = "d";

ans[6] = "c";

ans[7] = "c";

ans[8] = "c";

ans[9] = "d";

ans[10] = "a";

function Engine(question, answer) {

if (answer != ans[question]) {

if (!done[question]) {

done[question] = -1;

alert("เป็นคำตอบที่ผิด!คุณมีคะแนน=: " + score);//เมื่อตอบผิด

}

else {

alert("คุณตอบไปแล้วครับให้ตอบข้อต่อไป!");//เมื่อตอบซ้ำข้อที่ตอบไปแล้ว

}

}

else {

if (!done[question]) {

done[question] = -1;

score++;

alert("เป็นคำตอบที่ถูกต้อง!คุณมีคะแนน=: " + score);//เมื่อตอบถูก

}

else {

alert("คุณตอบไปแล้วครับให้ตอบข้อต่อไป!");//เมื่อตอบซ้ำข้อที่ตอบไปแล้ว

}

}

}

 

function NextLevel () {

if (score > 10) {

alert("Cheater!");

}

if (score >= 7 && score <= 11) {

alert("คุณผ่านการทดสอบครับ..แต่ตอนนี้ยังไม่ได้ทำคำถามชุดที่2เลยครับ ...")//เมื่อคลิกที่ปุ่มด้านล่างตอนตอบหมดแล้วและผ่าน

}

else {

alert("คุณต้องได้อย่างน้อย7คะแนนครับถึงจะผ่านไปเล่นชุดต่อไป.")//เมื่อคลิกที่ปุ่มด้านล่างตอนตอบหมดแล้วและไม่ผ่าน

}

}

//-->

</script>

 
 <center><font size=6 face=Arial>แบบทดสอบ</font><br>

</center><p>

<b>คำถามเกี่ยวกับการเขียน Code HTML (คะแนนขั้นต่ำ 7คะแนนครับ)</b><p>

<noscript>JavaScript is <b><i>disabled</b></i>. Get Netscape 3.0 or turn it on!</noscript>

<hr noshade>

<form>

<!--ด้านล่างนี้คือคำถามคำตอบจะมี10คำถามสานารถเปลี่ยนได้ตามต้องการ-->

<b>1. รหัสสีของสีดำคือ ?</b><p>

<input type=radio value="a" onClick="Engine(1, this.value)">a. #0000FF<br>

<input type=radio value="b" onClick="Engine(1, this.value)">b. #00FFFF<br>

<input type=radio value="c" onClick="Engine(1, this.value)">c. #000000<br>

<input type=radio value="d" onClick="Engine(1, this.value)">d. #FF0000<p>

<b>2. ข้อใหนที่ไม่ใช่นามสกุลไฟล์รูปภาพ?</b><p>

<input type=radio value="a" onClick="Engine(2, this.value)">a. htm<br>

<input type=radio value="b" onClick="Engine(2, this.value)">b. jpg<br>

<input type=radio value="c" onClick="Engine(2, this.value)">c. gif<br>

<input type=radio value="d" onClick="Engine(2, this.value)">d. jpeg<p>

<b>3. การตีเส้นแนวนอนในเวบเพจมี code คือ?</b><p>

<input type=radio value="a" onClick="Engine(3, this.value)">a. &lt;br&gt; <br>

<input type=radio value="b" onClick="Engine(3, this.value)">b. &lt;hr&gt; <br>

<input type=radio value="c" onClick="Engine(3, this.value)">c. &lt;pre&gt; <br>

<input type=radio value="d" onClick="Engine(3, this.value)">d. &lt;Q&gt; <p>

<b>4. คำสั่ง &lt;small&gt;....&lt;/small&gt; หมายถึง ?</b><p>

<input type=radio value="a" onClick="Engine(4, this.value)">a.

เป็นการกำหนดรูปภาพเล็ก<br>

<input type=radio value="b" onClick="Engine(4, this.value)">b.

เป็นการกำหนดอักษรตัวเล็ก<br>

<input type=radio value="c" onClick="Engine(4, this.value)">c.

เป็นการกำหนดกรอบเล็ก<br>

<input type=radio value="d" onClick="Engine(4, this.value)">d.

เป็นการกำหนดตารางเล็ก<p>

<b>5. การ Linkแล้วให้เปิดหน้าต่างใหม่มี codeคีอ ?</b><p>

<input type=radio value="a" onClick="Engine(5, this.value)">a. target=_top<br>

<input type=radio value="b" onClick="Engine(5, this.value)">b. target=_parent<br>

<input type=radio value="c" onClick="Engine(5, this.value)">c. target=_self<br>

<input type=radio value="d" onClick="Engine(5, this.value)">d. target=_blank<p>

<b>6. การกำหนดปุ่มรับข้อมูลจากform คือ ? </b><p>

<input type=radio value="a" onClick="Engine(6, this.value)">a. &lt;input

type=reset&gt;<br>

<input type=radio value="b" onClick="Engine(6, this.value)">b. &lt;input

type=checkbox&gt;<br>

<input type=radio value="c" onClick="Engine(6, this.value)">c. &lt;input

type=submit&gt;<br>

<input type=radio value="d" onClick="Engine(6, this.value)">d. &lt;input type=redio&gt;<p>

<b>7. คำสั่ง &lt;select&gt;....&lt;/select&gt;เป็นการสร้าง? </b><p>

<input type=radio value="a" onClick="Engine(7, this.value)">a. scrolling text

box<br>

<input type=radio value="b" onClick="Engine(7, this.value)">b. check box<br>

<input type=radio value="c" onClick="Engine(7, this.value)">c. drop down menu<br>

<input type=radio value="d" onClick="Engine(7, this.value)">d. textaria<p>

<b>8. #C0C0C0 คือรหัสสีอะไร ? </b><p>

<input type=radio value="a" onClick="Engine(8, this.value)">a. Purple<br>

<input type=radio value="b" onClick="Engine(8, this.value)">b. Gold<br>

<input type=radio value="c" onClick="Engine(8, this.value)">c. Silver<br>

<input type=radio value="d" onClick="Engine(8, this.value)">d. Coral&nbsp;<p>

<b>9.ข้อใดไม่ใช่คำสั่งในการเขียนCode HTML ? </b><p>

<input type=radio value="a" onClick="Engine(9, this.value)">a. &lt;UL&gt;<br>

<input type=radio value="b" onClick="Engine(9, this.value)">b. &lt;WBR&gt;<br>

<input type=radio value="c" onClick="Engine(9, this.value)">c. &lt;NOBR&gt;<br>

<input type=radio value="d" onClick="Engine(9, this.value)">d.&lt;SUD&gt;&nbsp;<p>

<b>10. การเว้นวรรคใน codeHTMLจะใช้สัญลักษณ์อะไร? </b><p>

<input type=radio value="a" onClick="Engine(10, this.value)">a. &amp;nbsp;<br>

<input type=radio value="b" onClick="Engine(10, this.value)">b. &amp;lt:<br>

<input type=radio value="c" onClick="Engine(10, this.value)">c. &amp;gt;<br>

<input type=radio value="d" onClick="Engine(10, this.value)">d. &amp;quot;<p>

<!--จบส่วนที่เป็นคำถามคำตอบ-->

<center>

<input type=button onClick="NextLevel()" value="ไปเล่นชุดต่อไป">

</center>

</form>

[ Home ]  [ Chatroom ]  [ Board 1]  [Board 2 ]  [ Book ]  [ Sourcecode ]  [ Free ]  [ Servicesite ]  [ Link ]

1