wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

HTML&CSS

Total questions: 40

Worksheet time: 20mins

Name
Class
Date
1.

HTML ย่อมาจาก

a)

HyperText Markup Language

b)

Hyper Markup Text Language

c)

HyperMarkup LanguageText

d)

Hyper Language Text Markup

2.

ข้อใดไม่ใช้ web browser?

a)
b)
c)
d)
3.

นามสกุลของไฟล์ที่สร้างด้วย Notepad เพื่อเขียนเว็บ คือ

a)

.html

b)

.jpg

c)

.doc

d)

.exe

4.

โปรแกรมที่ใช้เขียนคำสั่งภาษา html คือข้อใด

a)

Notepad

b)

Microsoft word

c)

Adobe dreamweaver

d)

google chrome

5.

ภาษา HTML มีความหมายตรงกับข้อใด

a)

เป็นภาษาที่อธิบายถึงรายละเอียดของโครงสร้างและแบบของข้อมูล

b)

ภาษาโปรแกรมเชิงวัตถุ

c)

เป็นภาษาพื้นฐานของการพัฒนาเว็บไซต์โดยเฉพาะ

d)

เป็นภาษาที่ให้การชัดเจนในการแสดงรายละเอียดเกี่ยวกับข้อมูล

6.

โปรแกรม Notepad เป็นโปรแกรมประเภทใด

a)

Text Editor

b)

Web Editor

c)

Image Editor

d)

Media Editor

7.

ในการสร้างเว็บไซต์ ไฟล์แรกที่ต้องสร้างก่อนต้องมีชื่อตามข้อใดก่อนเสมอ

a)

home.html

b)

Name.html

c)

WWW.html

d)

index.html

8.

HTML คือภาษาที่ใช้สร้างอะไร

a)

สร้างบ้าน

b)

ตกแต่งภาพ

c)

ตัดต่อวีดีโอ

d)

สร้างเว็บเพจ

9.

โฮมเพจ  (Homepage)  คือส่วนใดของเว็บไซต์

a)

หน้าที่หนึ่ง

b)

หน้าที่สอง

c)

หน้าที่สาม

d)

หน้าที่สี่

10.

การเขียนโปรแกรมด้วยภาษา HTML นั้นจะต้องขึ้นต้นและลงท้ายด้วยคำสั่งในข้อใด

a)

<HTML>…………..</HTML>

b)

<HEAD>……………</HEAD>

c)

<Body>……………</Body>

d)

<Begin>…………….</End>

11.

คำสั่งใดใช้กำหนดข้อความบน Title Bar ?

a)

<HEAD>

b)

<TITLE>

c)

<HTML>

d)

<BODY>

12.

ส่วนที่เป็นคำสั่งที่ใช้แสดงผลลัพธ์ของเว็บจะถูกพิมพ์ไว้ที่ส่วนใด?

a)

<HEAD>

b)

<TITLE>

c)

<HTML>

d)

<BODY>

13.

โปรแกรมใดใช้ในการเขียนคำสั่ง HTML ?

a)

Notepad

b)

Ms-Word

c)

Internet Explorer

d)

DOS

14.

เมื่อต้องการสร้างเว็บเพจสิ่งแรกที่ต้องทำคือข้อใด ?

a)

การสร้างเว็บเพจในโปรแกรม HTML

b)

การร่างเนื้อหาภายในเอกสารเว็บเพจ

c)

การค้นหาข้อมูลเพื่อนำมาสร้างเว็บเพจ

d)

การออกแบบและตกแต่งเว็บเพจ เพื่อให้ดูน่าสนใจ

15.

ข้อใดคือนามสกุลของแฟ้มข้อมูลเอกสารภาษาเอชทีเอ็มแอล ( HTML) ที่สามารถแสดงผลผ่านระบบเครือข่าย อินเทอร์เน็ต ( Internet ) ?

a)

.gif

b)

.txt

c)

.doc

d)

.html

16.

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

a)

Hyper Text Markup Language

b)

Hypertext Manual Language

c)

Home Text Markup Language

d)

Homepage Text Markup Language

17.

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

a)

<body background=“images/pic1.jpg">

b)

<body bgcolor=“images/pic1.jpg">

c)

<body background=pic1.jpg>

d)

<bordybgcolor=images/pic1.jpg>

18.

คำสั่งในข้อใดเป็นคำสั่งสำหรับกำหนดสีพื้นหลัง ?

a)

<body background=pink>

b)

<body bgcolor=blue>

c)

<body bgcolor=red>

d)

<body bordercolor=cyan>

19.

ข้อใดคือรูปแบบการเขียนคำสั่งกำหนดสีข้อความที่ถูกต้อง ?

a)

<font face=“red”>ข้อความสีแดง</font>

b)

<font color=“red”>ข้อความสีแดง

c)

<font color=“red”>ข้อความสีแดง</font>

d)

<font face=“red”>ข้อความสีแดง

20.

หากต้องการให้กำหนดข้อความคำว่า "วันนี้ฉันจะตั้งใจเรียน" โดยใช้ฟอนต์ "TH sarabunPSK" ขนาด 16 สี ฟ้า อักษรเอียง จะต้องใช้คำสั่งใด

a)

<font face=“TH sarabunPSK” size=“16” color=“blue”><i>วันนี้ฉันจะตั้งใจเรียน</i></font>

b)

<font face=“Cordia new” size=“16” color=“blue”><u>วันนี้ฉันจะตั้งใจเรียน</u></font>

c)

<font face=“TH sarabunPSK” size=“16” color=“blue”><B>วันนี้ฉันจะตั้งใจเรียน</B></font>

d)

<font face=“TH sarabunPSK” size=“16” color=“blue”><u>วันนี้ฉันจะตั้งใจเรียน</u></font>

21.

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

a)

Hyper Text Markdown Language

b)

Hyper Text Markup Language

c)

Hyper Transfer Markup Language

d)

Hyper Transfer Markdown Language

22.

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

a)

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

b)

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

c)

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

d)

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

23.

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

a)

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

b)

แทรกรูปภาพ

c)

ใส่ลิงก์

d)

เพิ่มวิดีโอ

24.

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

a)

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

b)

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

c)

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

d)

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

25.

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

a)

แทรกรูปภาพ

b)

สร้างลิงก์

c)

แสดงข้อความ

d)

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

26.

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

a)

Variables

b)

Functions

c)

Nodes

d)

Threads

27.

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

a)

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

b)

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

c)

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

d)

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

28.

Framework ที่นิยมใช้พัฒนาเว็บไซต์ด้วย JavaScript ได้แก่ข้อใด?

a)

Laravel

b)

React

c)

Django

d)

Flask

29.

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

a)

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

b)

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

c)

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

d)

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

30.

การเขียนโปรแกรมด้วยภาษา HTML นั้นจะต้องขึ้นต้นและลงท้ายด้วยคำสั่งในข้อใด

a)

[Script]…. [/Script]

b)

<Html>… </Html>

c)

<Script>… </Script>

d)

[Html]… [/Html]

31.

คำสั่ง <CENTER><IMG SRC=LOGO.JPG  

   WIDTH=250 HEIGHT=150></CENTER>

   ข้อใดกล่าว ไม่ ถูกต้อง

a)

มีคำสั่งจัดกึ่งกลางของรูปภาพ

b)

มีการกำหนดขนาดของรูปภาพ

c)

มีการแทรกรูปภาพ

d)

มีการกำหนดสีให้กับรูปภาพ

32.

การบันทึกไฟล์ Style Sheet CSS นามสกุลไฟล์ที่ได้

    คือข้อใด

a)

.SCS

b)

.CSC

c)

.CSS

d)

.SSC

33.

ข้อใดคือขั้นตอนแรกของการพัฒนาเว็บเพจ

a)

วางแผนเกี่ยวกับการสร้างเว็บเพจ

b)

จัดเตรียมเครื่องคอมพิวเตอร์แม่ข่าย

c)

ตรวจสอบผลการแสดงผลของเอกสาร

d)

จัดทำข้อมูลและภาพที่เกี่ยวข้องกับเว็บเพจ

34.

ภาษา CSS ถูกสร้างขึ้นครั้งแรกเมื่อปีใด

a)

1994

b)

1995

c)

1996

d)

1997

35.

การนำโค๊ดภาษา CSS มาใช้ร่วมกับ HTML จะเปิดด้วย

     แท็กตามข้อใดต่อไปนี้

a)

<CSS>

b)

<CS>

c)

<STYLE>

d)

<STYLE CSS>

36.

<style>    Body {

                   Text-align; Center; } 

</style>

    

   จากภาพเป็นการใช้คำสั่ง CSS ในการปรับแต่งข้อความ

    ในแท๊ก <BODY> ทั้งหมดในรูปแบบใด

a)

ชิดซ้าย

b)

ชิดขวา

c)

 กึ่งกลาง

d)

ชิดบน

37.

 A) เป็นรูปแบบการเขียน CSS โดยการฝังลงไปใน line บรรทัดของ TAG HTML โดยการใช้ Attribute  style แล้วตามด้วย value

 B) เป็นการเขียน CSS โดยการฝังรวมไปกับโค้ดของ HTML ซึ่งโค้ดของ CSS จะอยู่ในไฟล์เดียวกันกับเว็บเพจที่มีการเรียกใช้งาน CSS นั้น

 C) เป็นรูปแบบที่เราสามารถเขียนโค้ดของ CSS แยกเก็บออกไปเป็นไฟล์เก็บไว้ภายนอกไฟล์เว็บเพจ

จากตัวเลือกต่อไปนี้ให้ตอบคำถาม

รูปแบบการเขียนแบบ Embed Style Sheet ใน CSS      คือการเขียนโค๊ดโปรแกรมในรูปแบบใด ต่อไปนี้

a)

ข้อ A

b)

ข้อ B

c)

ข้อ C

d)

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

38.

 A) เป็นรูปแบบการเขียน CSS โดยการฝังลงไปใน line บรรทัดของ TAG HTML โดยการใช้ Attribute  style แล้วตามด้วย value

 B) เป็นการเขียน CSS โดยการฝังรวมไปกับโค้ดของ HTML ซึ่งโค้ดของ CSS จะอยู่ในไฟล์เดียวกันกับเว็บเพจที่มีการเรียกใช้งาน CSS นั้น

 C) เป็นรูปแบบที่เราสามารถเขียนโค้ดของ CSS แยกเก็บออกไปเป็นไฟล์เก็บไว้ภายนอกไฟล์เว็บเพจ

จากตัวเลือกต่อไปนี้ให้ตอบคำถาม

รูปแบบการเขียนแบบ Inline Style Sheet ใน CSS คือการเขียนโค๊ดโปรแกรมในรูปแบบใด ต่อไปนี้

a)

ข้อ A

b)

ข้อ B

c)

ข้อ C

d)

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

39.

จากรูปภาพต่อไปนี้ เป็นการเขียน CSS ในรูปแบบใด

a)

External Style Sheet

b)

Inline Style Sheet

c)

Embed Style Sheet

d)

Linking Style Sheet

40.

จากรูปภาพต่อไปนี้ เป็นการเขียน CSS ในรูปแบบใด

a)

External Style Sheet

b)

Inline Style Sheet

c)

Embed Style Sheet

d)

Linking Style Sheet