wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

การสร้าง Web App (ว30296) ม.5

Total questions: 60

Worksheet time: 42mins

Name
Class
Date
1.

HTML ย่อมาจากอะไร?

a)

Hyper Text Markdown Language

b)

Hyper Text Markup Language

c)

Hyper Transfer Markup Language

d)

Hyper Transfer Markdown Language

2.

CSS ใช้สำหรับอะไรในเว็บไซต์?

a)

จัดการโครงสร้างของเว็บไซต์

b)

เพิ่มความปลอดภัยให้เว็บไซต์

c)

จัดรูปแบบและสไตล์ของเว็บไซต์

d)

เชื่อมต่อฐานข้อมูล

3.

คำสั่ง <img> ใน HTML ใช้สำหรับอะไร?

a)

เพิ่มข้อความ

b)

แทรกรูปภาพ

c)

ใส่ลิงก์

d)

เพิ่มวิดีโอ

4.

JavaScript ใช้สำหรับอะไรในเว็บไซต์?

a)

จัดการโครงสร้างของเว็บไซต์

b)

เพิ่มความสามารถแบบไดนามิกและโต้ตอบ

c)

เชื่อมต่อฐานข้อมูล

d)

ออกแบบภาพกราฟิก

5.

การใช้ <a> ใน HTML มีจุดประสงค์อะไร?

a)

แทรกรูปภาพ

b)

สร้างลิงก์

c)

แสดงข้อความ

d)

เพิ่มสีพื้นหลัง

6.

ข้อใดคือส่วนหนึ่งของโครงสร้าง DOM (Document Object Model)?

a)

Variables

b)

Functions

c)

Nodes

d)

Threads

7.

CSS Pseudo-Class เช่น :hover ใช้ทำอะไร?

a)

เปลี่ยนแปลงสไตล์เมื่อผู้ใช้โต้ตอบกับองค์ประกอบ

b)

เพิ่ม JavaScript ให้กับองค์ประกอบ

c)

ซ่อนองค์ประกอบ

d)

เพิ่มองค์ประกอบใหม่ในหน้าเว็บ

8.

Responsive Design ในเว็บไซต์หมายถึงอะไร?

a)

เว็บไซต์ที่รองรับหลายภาษา

b)

เว็บไซต์ที่ตอบสนองรวดเร็ว

c)

เว็บไซต์ที่ปรับขนาดและเลย์เอาต์ได้ตามอุปกรณ์

d)

เว็บไซต์ที่มีระบบรักษาความปลอดภัยสูง

9.
คำสั่งที่เขียนในภาษา HTML เรียกว่าอะไร
a)
TAG
b)
TAB
c)
BAT
d)
GAT
10.
คำสั่งในข้อใดเป็นจุดเริ่มต้นของการเขียนเว็บเพจ
a)
<html>
b)
<head>
c)
<body>
d)
<title>
11.

คำสั่งในข้อใด เป็นการแสดงผลหัวเรื่องของเว็บไซต์

a)

<html>…</html>

b)

<head>…</head>

c)

<body>…</body>

d)

<title>…</title>

12.

คำสั่งในข้อใด เป็นการแสดงผลข้อมูลบนเว็บไซต์

a)

<html>…</html>

b)

<head>…</head>

c)

<body>…</body>

d)

<title>…</title>

13.

เอกสารของเว็บเพจจะมีนามสกุลอะไร

a)

.html

b)

.php

c)

.hdmi

d)

.http

14.
Homepage หมายถึงข้อใด
a)
หน้าเนื้อหา
b)
หน้าแรก
c)
หน้าสุดท้าย
d)
หน้าติดต่อ
15.
หน้าแรกของเว็บไซต์จะต้องตั้งชื่อว่าอะไร
a)
home.html
b)
www.html
c)
index.html
d)
first.html
16.
ข้อใดอธิบายความหมายของ Upload ได้ถูกต้องที่สุด
a)
การรับข้อมูลจากเครื่องผู้อื่น
b)
การติดต่อสื่อสารกับเครื่องผู้อื่น
c)
การส่งออกข้อมูลจากเครื่องเรา
d)
การเข้าถึงเครื่องของผู้อื่น
17.

ข้อใดบอกความหมายของ URL ได้ถูกต้อง

a)

ข้อความที่บอกชื่อผู้ใช้ข้อมูล

b)

ข้อความที่บอกที่อยู่ของข้อมูล

c)

ข้อความที่บอกผู้จัดทำ

d)

ข้อความที่บอกภาษาของเว็บไซต์

18.

ข้อใด ไม่ใช่ โปรแกรมเว็บบราวเซอร์ (Web Browser)

a)

Chrome

b)

Safari

c)

Microsoft Edge

d)

FileZilla

19.
ในการกำหนดข้อความหัวเรื่อง <h...> ในภาษา HTML มีทั้งหมดกี่ระดับ
a)
4
b)
5
c)
6
d)
7
20.
คำสั่งใดเป็นการกำหนดขึ้นบรรทัดใหม่
a)
<pre>
b)
<p>
c)
<center>
d)
<br />
21.

คำสั่งในข้อใด เป็นการกำหนดรูปแบบตัวอักษร

a)

bgcolor

b)

font face

c)

email

d)

marquee

22.
background หมายถึงข้อใด
a)
พื้นหลัง
b)
หน้าแรก
c)
รูปภาพ
d)
สีดำ
23.
การเขียนเว็บไซต์ด้วยภาษา HTML สามารถสร้างขึ้นได้ด้วยโปรแกรมใด
a)
Photoshop
b)
Excel
c)
Notepad
d)
Internet Explorer
24.

คำสั่งที่ใช้ในการแสดงรูปภาพคือคำสั่งใด

a)

<picture = " ">

b)

<img src = " ">

c)

<image = " ">

d)

<jpg src = " ">

25.

ถ้าจะให้เว็บไซต์อ่านภาษาไทยได้ ต้องเลือกการอ่านค่าแบบใด

a)

UTF-8

b)

ADSL

c)

HTTP

d)

DOTA-2

26.
นามสกุลในรูปภาพข้อใด สามารถทำภาพโปร่งใสได้
a)
jpg
b)
png
c)
gif
d)
pdf
27.
คำสั่ง <center>....</center> ให้ผลอย่างไร
a)
จัดชิดซ้าย
b)
ขึ้นบรรทัดใหม่
c)
จัดกึ่งกลาง
d)
ใส่ภาพพื้นหลัง
28.

www.pbntc.ac.th คือ Domain Name ประเภทใด

a)

บริการเครือข่าย

b)

การรัฐบาล

c)

การค้า

d)

การศึกษา

29.

ข้อใดคือความหมายของ Domain Name ประเภทการศึกษา

a)

.com

b)

.edm

c)

.ac

d)

.org

30.

ข้อใดคือความหมายของ Domain Name ประเภท .net

a)

กลุ่มองค์การศึกษา

b)

กลุ่มการบริการเครือข่าย

c)

กลุ่มองค์กรการค้า

d)

กลุ่มองค์การรัฐบาล

31.

ข้อใดคือโพรโทคอลที่ใช้ในการติดต่อสื่อสารของเว็บไซต์

a)

SMTP

b)

FTP

c)

HTTP

d)

API

32.

ข้อใดคือหน้าที่ของโปรแกรม Web Browser

a)

ทำหน้าที่ร้องขอบริการต่าง ๆ ของเว็บไซต์โดยผ่านโพรโทคอล (Protocol)

b)

ทำหน้าที่อัปโหลดไฟล์เว็บไซต์ขึ้นเซิร์ฟเวอร์

c)

ทำหน้าที่แสดงผลเว็บไซต์ประเภทข้อความ

d)

ทำหน้าที่แสดงผลเว็บไซต์ประเภทวีดิทัศน์

33.

ข้อใดคือประโยชน์ของอินเทอร์เน็ต

a)

ใช้แฮ็กข้อมูล

b)

ใช้โพสประจานเพือน

c)

ใช้ค้นหาข้อมูล

d)

ใช้ส่งสัญญาณรบกวน

34.

ข้อใดคือ Web Browser

a)

Internet Explorer

b)

Photoshop

c)

Capcut

d)

CCleaner

35.

ถ้าเราออกแบบเว็บไซต์ให้ผู้ใช้ มีความรู้สึกสุขุม เยือกเย็นควรเลือกใช้สีใด

a)

สีเหลือง

b)

สีแดง

c)

สำน้ำเงิน

d)

สีดำ

36.

ถ้าเราออกแบบเว็บไซต์ให้ผู้ใช้ มีความรู้สึกตื่นเต้น เร้าใจ ควรเลือกใช้สีใด

a)

สีเหลือง

b)

สีแดง

c)

สำน้ำเงิน

d)

สีดำ

37.

ถ้าเราออกแบบเว็บไซต์ให้ผู้ใช้ มีความรู้สึกอบอุ่น ควรเลือกใช้สีใด

a)

สีเหลือง

b)

สีแดง

c)

สำน้ำเงิน

d)

สีดำ

38.

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

a)

HighText Machine Language

b)

HyperText Markup Language

c)

Hyperlinks and Text Markup Language

d)

Home Tool Markup Language

39.

HTML ใช้ทำอะไร

a)

เขียนโปรแกรมระบบปฏิบัติการ

b)

เขียนแอปพลิเคชันมือถือ

c)

สร้างโครงสร้างหน้าเว็บไซต์

d)

สร้างฐานข้อมูล

40.

Tag ใดใช้สร้างหัวเรื่องที่ใหญ่ที่สุด

a)

h6

b)

h1

c)

h3

d)

h2

41.

คำสั่ง meta charset="UTF-8" ใช้เพื่ออะไร

a)

ตั้งชื่อเว็บไซต์

b)

กำหนดภาษาเว็บไซต์

c)

กำหนดการเข้ารหัสตัวอักษร

d)

ใส่รูปภาพในเว็บ

42.

Tag P ใช้ทำอะไร

a)

วางรูปภาพ

b)

แสดงย่อหน้า

c)

แสดงหัวเรื่อง

d)

แสดงตาราง

43.

Tag body มีไว้เพื่ออะไร

a)

ใส่เนื้อหาหลักของเว็บ

b)

ใส่ชื่อไฟล์

c)

ใส่คำอธิบายเว็บ

d)

แสดงหัวเว็บ

44.

ใน HTML คำสั่ง tag title อยู่ในส่วนใด

a)

Body

b)

Style

c)

Script

d)

Head

45.

คำสั่งใดใช้กำหนดให้เว็บแสดงผลเหมาะสมกับอุปกรณ์

a)

< responsive >

b)

< meta viewport >

c)

< device mode >

d)

< style adaptive >

46.

Browser มีหน้าที่ทำอะไร

a)

วิเคราะห์ข้อมูล

b)

คอมไพล์โปรแกรม

c)

จัดการฐานข้อมูล

d)

แสดงผลเว็บไซต์จาก HTML

47.

โปรแกรมใดนิยมใช้ในการเขียน HTML

a)

Excel

b)

PowerPoint

c)

Canva

d)

Visual Studio Code

48.

CSS ย่อมาจากคำว่าอะไร

a)

Cascading Style Sheets

b)

Code Style Sheets

c)

Style Cascading Sheets

d)

Style Sheets Code

49.

ข้อใดต่อไปนี้ "ไม่ใช่" ประโยชน์ของ CSS

a)

ทำให้สามารถดาวน์โหลดไฟล์ได้เร็ว

b)

เขียนคำสั่ง style sheet ชุดเดียว ใช้ได้หลายครั้ง

c)

ส่งข้อมูลให้ฐานข้อมูลได้ง่าย

d)

ทำให้เว็บไซต์สวยงามน่าสนใจ

50.

คำถามจากภาพ หมายเลข 1 คือข้อใด

a)

ซีเล็กเตอร์

b)

คุณสมบัติ

c)

แท็ก

d)

ค่า

51.

คำถามจากภาพ หมายเลข 2 คือข้อใด

a)

ซีเล็กเตอร์

b)

คุณสมบัติ

c)

แท็ก

d)

ค่า

52.

คำถามจากภาพ หมายเลข 3 คือข้อใด

a)

ซีเล็กเตอร์

b)

คุณสมบัติ

c)

แท็ก

d)

ค่า

53.

ข้อใดไม่ใช่รูปแบบ Selectors ใน CSS

a)

Element Selector

b)

id Selector

c)

Class Selector

d)

Tag Selector

54.

รูปแบบของการเขียนภาษา CSS มีกี่รูปแบบ

a)

1 รูปแบบ

b)

2 รูปแบบ

c)

3 รูปแบบ

d)

4 รูปแบบ

55.

ข้อใดคือข้อดีของการเขียนในรูปแบบ External CSS

a)

อยู่ไฟล์เดียวกันกับภาษา HTML ทำให้หาได้ง่าย

b)

สร้างไฟล์ 1 ครั้งสามารถใช้งานได้กับหลายๆไฟล์

c)

ใช้ในการแก้ไขเฉพาะบางจุดได้ง่าย

d)

ต้องเขียนซ้ำหลายครั้งเมื่อใช้งานจริง

56.

ข้อใดเป็นคำสั้ง CSS ในการกำหนดความกว้างของวัตถุ

a)

width : …….. ;

b)

color : ……….. ;

c)

text-indent: ...........;

d)

padding : ..............;

57.

ข้อใดเป็นคำสั้ง CSS ในการกำหนดระยะห่างจาก "ภายใน"

a)

margin : .............. ;

b)

padding : ..............;

c)

border-radius : ……….. ;

d)

text-align : center ;

58.

ข้อใดเป็นคำสั้ง CSS ในการย่อหน้า

a)

text-indent: ...........;

b)

font-family: ……….. ;

c)

width : …….. ;

d)

text-align : center ;

59.

ข้อใดเป็นคำสั้ง CSS ในการใส่ "ภาพพื้นหลัง"

a)

background-color: ....... ;

b)

border-radius : ……….. ;

c)

background-image: url('.......');

d)

text-align : center ;

60.

หากต้องการจัดข้อความให้อยู่ตรงกลาง นักเรียนต้องใช้คำสั่ง CSS ใด

a)

text-align : auto;

b)

text-align : right ;

c)

text-align : left ;

d)

text-align : center ;