wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

AllQuizWeb by Nuttanan

Total questions: 45

Worksheet time: 23mins

Name
Class
Date
1.

เว็บไซต์ถูกสร้างขึ้นมาครั้งแรกด้วยวัตถุประสงค์ใด

a)

ทางการแพทย์

b)

ทางการทหาร

c)

ทางการศึกษา

d)

เกษตรกรรม

2.

องค์ประกอบใด เป็นองค์ประกอบในการแปลงชื่อเว็บไซต์ ไปยัง IP address

a)

Web Browser

b)

DNS Resolution

c)


ISP

d)


Web Server

3.

3.เลือก OSI Layer ทั้งหมดที่เกี่ยวข้องกับการทำงานของเว็บไซต์

a)

Layer 3

b)

Layer 4

c)

Layer 5

d)

Layer 6

e)

Layer 7

4.

4.ข้อใดคือชื่อเต็มของ HTML

a)

Hypertext Markup Link

b)

Hypertext Message Link

c)


Hypertext Markup Language


d)

Hypertext Message Language

5.

5.ข้อใดกล่าวถูกต้องเกี่ยวกับ URL

a)

ทุก URLs มีคุณสมบัติของ URN

b)

ถูกทุกข้อ

c)

ทุก URIs มีคุณสมบัติของ URN

d)

ทุก URLs มีคุณสมบัติของ URI

e)


ทุก URIs มีคุณสมบัติของ URL

6.

6.ข้อใดไม่ใช่ขั้นตอนของการพัฒนาเว็บไซต์

a)

Planning

b)

Mockup

c)

ทุกข้อเป็นขั้นตอนของการพัฒนาเว็บไซต์


d)


Coding

e)

Testing

7.

7.www มีชื่อย่อจากสิ่งใด

a)

What Where Why

b)

World Wide Web

c)


World WAN Web

d)

Web We Want

8.

8.ข้อใดกล่าวถูกต้อง

a)

การใช้งานเว็บไซต์ ต้องมีอินเตอร์เน็ตเท่านั้นถึงจะสามารถใช้งานได้

b)

ผิดทุกข้อ

c)

การใช้งานเว็บไซต์ ต้องเข้าผ่านชื่อเว็บไซต์เท่านั้น ไม่สามารถเข้าผ่าน IP address ได้

d)

การใช้งานเว็บไซต์ จำเป็นต้องเข้าผ่าน Web Browser เท่านั้น ยกตัวอย่างเช่น การ Login ต้องทำผ่าน Web Browser  เท่านั้น

9.

9.ข้อใดบ่งบอกถึงความสามารถของ IDE (Integrated Development Environment)

a)

มี Auto Completed

b)

ถูกทุกข้อ


c)


มี Syntax Highlight 

d)

แปลภาษา (Interpret หรือ Compile) ได้

10.

ข้อใดคือความแตกต่างในการกำหนดขนาดเป็น px และ % (เลือกคำตอบทั้งหมดที่ถูกต้อง)

a)

px สามารถกำหนดขนาดของ tag ที่ต้องการแสดงโดยไม่สนใจขนาดหน้าจอของ device 

b)

% สามารถกำหนดขนาดของ tag ที่ต้องการแสดงโดยไม่สนใจขนาดหน้าจอของ device

c)

px มีความยืดหยุ่นขนาดของ tag โดยขึ้นกับขนาดของหน้าของของ device

d)

% มีความยืดหยุ่นขนาดของ tag โดยขึ้นกับขนาดของหน้าของของ device

11.

10.ข้อใดคือความสำคัญของการใช้ CSS ในการพัฒนาเว็บไซต์

a)

ทุกข้อถูกต้อง

b)

ทำให้เว็บไซต์มีความปลอดภัยมากขึ้น

c)

ช่วยในการจัดรูปแบบและการออกแบบเว็บไซต์

d)

ทำให้เว็บไซต์โหลดเร็วขึ้น

12.

HTML ถือว่าเป็น Programming Language หรือไม่

a)

ไม่นิยาม

b)

ไม่ใช่

c)

ใช่

13.


หากต้องการเว้นช่องว่างระหว่างข้อความ เท่ากับ 10 ตัวอักษร สามารถทำได้ด้วยวิธีใด

a)

ถูกทุกข้อ

b)

เคาะ space 10 ครั้ง

c)

ใช้คำสั่ง &npsp; 10 ครั้ง

d)

ใช้คำสั่ง \t\t

14.

tag ใด ใช้กำหนดคำบรรยายของตาราง (table) ได้

a)

th

b)


tr

c)

tbody

d)

caption

e)

td

15.

หากต้องการกำหนดข้อความส่วนหัวสำหรับการแสดงผลด้วย browser ต้องใช้ tag ใด

a)

html

b)


ไม่มีข้อใดถูก

c)


body

d)


head

e)


title

16.

หากต้องการกำหนดข้อความภายใน website สำหรับการแสดงผลด้วย browser ต้องใช้ tag ใด

a)


html

b)


body


c)

title

d)


head

e)

ไม่มีข้อใดถูก

17.

tag h ใช้สำหรับกำหนดขนาดตัวอักษรแบบ heading มีรูปแบบที่แตกต่างกันทั้งหมดกี่ขนาด

a)


5

b)

ไม่มีข้อใดถูก

c)


6

d)

4

e)

7

18.

หากต้องการแทรกรูปภาพภายใน website ต้องใช้ tag ใด

a)

ไม่มีข้อใดถูก

b)


span

c)


img

d)


div

e)

piv

19.


tag ใด เป็นการสร้างเมนู (list) โดยสามารถกำหนดหมายเลขลำดับเริ่มต้นได้ 

a)


ol

b)

dl

c)

li

d)

ul

e)

ไม่มีข้อใดถูก

20.

ข้อใดไม่ใช่วิธีการเรียกใช้งาน CSS ในภาษา HTML

a)

<style rel="stylesheet" href="main.css">

b)


<link rel="stylesheet" href="main.css">

c)


ถูกทุกข้อ

d)


<style> </style>

21.

การควมคุมองค์ประกอบภายใน HTML (CSS Selector) สามารถควบคุมผ่านองค์ประกอบใดได้บ้าง (เลือกทุกข้อที่ถูก)

a)

<div class="class1"></div>

b)

<footer></footer>

c)


<div></div>

d)


<div id="id1"></div>

e)


<body>

22.

คำสั่งใด (CSS property) เป็นคำสั่งเปลี่ยนสีตัวอักษร

a)


txt-color

b)


bg-color

c)


ไม่มีข้อใดถูก

d)

color

23.

หากต้องการกำหนดข้อความให้มีระยะห่างดังรูป ต้องใช้คำสั่งใด

a)

padding: 5px

b)


margin: 5px

c)


padding: 5px 0px 0px 5px

d)


margin: 5px 0px 0px 5px

24.

ค่าของ display property ใด ทำให้การแสดงผลของ StickyNote 1 2 และ 3 แสดงผลดังภาพ

a)


block

b)

inline-block

c)


none

d)

inline

25.

การกำหนดขนาดของฟอนต์ใช้หน่วยใด ทำให้มีขนาดคงที่และไม่ตอบสนองต่อขนาดของหน้าจอ

a)


%

b)


em

c)

px

d)

rem

26.

ใน Bootstrap การกำหนดขนาดของหน้าจอด้วย class = "col-n" ค่าของ n สามารถเปลี่ยนแปลงได้ทั้งหมดกี่ค่า

a)

20

b)

6

c)

1

d)

12

27.

การกำหนดขนาดของหน้าจอในรูปแบบ responsive design เฟรมเวิร์ค Bootstrap CSS แบ่งขนาดหน้าจอออกเป็นกี่รูปแบบ

a)

6

b)

12

c)

3

d)

1

28.

การกำหนดขนาดของหน้าจอในรูปแบบ responsive design เฟรมเวิร์ค Bootstrap CSS แบ่งขนาดหน้าจอออกเป็นกี่รูปแบบ

a)


สามารถเปลี่ยนสีของตัวอักษร หรือพื้นหลังได้

b)


สามารถกำหนดขนาดของ layout ได้ง่ายกว่าการเขียน CSS

c)


รองรับ responsive design

d)


ทุกข้อเป็นประโยชน์ของ Bootstrap CSS

29.


ข้อใดบอกถึงความแตกต่างระหว่าง Java และ JavaScript ได้ถูกต้อง

a)

Java ไม่สามารถใช้งาน WebSite ได้ ขณะที่ JavaScript ใช้งานบนเว็บเป็นหลัก

b)

Java ใช้ Syntax คล้ายภาษา C ขณะที่ JavaScript คล้ายภาษา Python

c)


Java เป็น Compiler ขณะที่ JavaScript เป็น Interpreter

d)

Java ไม่ค่อยเป็นที่นิยมสำหรับพัฒนาโปรแกรม ขณะที่ JavaScript เป็นที่นิยม

30.


ข้อใดไม่ใช่ชื่อของ JavaScript Engine

a)


Chakra

b)


Brave

c)

JavaScriptCore

d)

V8

31.


ข้อใดเรียกใช้งาน JavaScript ได้ถูกต้อง

a)

<script></script>

b)


ไม่มีข้อใดถูก

c)


<link href="main.js">

d)


<a src="main.js"></a>

32.

คำสั่งใด ไม่เกี่ยวข้องกับคำสั่ง for


a)


on

b)


in

c)


ทุกข้อเกี่ยวข้องกับคำสั่ง for

d)

of

33.

คำสั่ง console.log จะแสดงผลลัพธ์ทางใด

a)


ไม่มีการแสดงผล

b)

Console ของ Browser 

c)


หน้าเว็บไซต์

d)


Visual Studio Code Editor

34.


ข้อใดกล่าวถูกต้องเกี่ยวกับ JavaScript

a)


ไม่ใช่ Programming Language

b)

แต่ละ Browser แปลภาษา JavaScript ให้ผลที่แตกต่างกันได้

c)


ทำงานได้เพียงบน browser เท่านั้น

d)


ทำงานได้แค่เพียงเครื่องคอมพิวเตอร์ Client ทางเท่านั้น

35.

ข้อใดประกาศ class ใน JavaScript ถูกต้อง

a)


class person{}

b)

class person();

c)


class person[]

d)

class person()

36.

คำสั่ง x**=3 เท่ากับเท่าไหร่ กำหนดให้ x เท่ากับ 3

a)

9

b)

27

c)

3

d)

ไม่มีข้อที่ถูกต้อง

37.

ข้อใดอธิบายความแตกต่างระหว่าง innerHTML และ innerText ได้ถูกต้อง


a)


innerHTML สามารถแสดงผล tag HTML ได้

b)


innerText ไม่สามารถแสดงผล tag HTML ได้

c)


ไม่ต่างกัน

d)


มีคำตอบที่ถูกต้อง 2 ข้อ

38.

คำสั่งใด ทำให้เป็นการเข้าถึง Element เพียง 1 Element เท่านั้น

a)

getElementsByClassname

b)


getElementsByName

c)


getQuerySelectorAll

d)

getElementById

39.

คำสั่ง Message Box ใด ไม่มีอยู่ ในภาษา JavaScript

a)


input

b)


prompt

c)


alert

d)


confirm

40.

event ใดไม่สามารถใช้งานได้ใน addEventListener

a)


click

b)


mouseenter

c)


mouseleave

d)


onclick

41.

ข้อใดแสดงผลการทำงานของโค้ดดังต่อไปนี้ ได้ถูกต้อง
h1= document.createElement('h1')
h1.innerHTML = 'Hello'

a)


ไม่มีการแสดงผลใดๆ เกิดขึ้น

b)


<h1></h1>

c)


<h1>Hello</h1>

d)


Hello

42.

ข้อใดแสดงผลการทำงานของ lbl.appendChild('main') ได้ถูกต้อง กำหนดให้ lbl เป็นการเข้าถึง Element ของ <div id="lbl"></div>

a)


<div id="lbl"><main></div>

b)


ไม่มีข้อใดถูก

c)


<div id="lbl">main</div>

d)


<div id="lbl"><main></main></div>

43.

หากต้องการเปลี่ยนสีพื้นหลังของ id ต้องใช้คำสั่งใด กำหนดให้ btn เป็นการเข้าถึง Element ของ id

a)


btn.style.backgroundColor = 'red'

b)


btn.style.backgroundColor('red')

c)


btn.backgroundColor('red')

d)


btn.backgroundColor = 'red'

44.

หากต้องการเข้าถึง element ของ class intro ต้องใช้คำสั่งใด

a)


document.querySelector('h1.intro')

b)

document.getElementbyId('intro')

c)


document.getElementsbyClassName('intro')

d)


document.getElementbyClassName('intro')

45.
a)

intro.hide = true

b)


ถูกทุกข้อ

c)


intro.style.display = "none"

d)

intro.disabled = true