Font size
Worksheetsทดสอบการออกแบบเว็บ HTML + CSS + Bootstrap
Total questions: 62
Worksheet time: 29mins
ส่วนใดเป็นส่วนของหัวเรื่อง
<html></html>
<head></head>
<body></body>
<title></title>
ข้อใดเป็นพื้นที่การใส่เนื้อหาหรือใส่โค้ด
<html></html>
<head></head>
<title></title>
<body></body>
การ save as ชิ้นงานให้เป็นไฟล์เว็บ ควร save เป็นนามสกุลอะไร
.http
.kahoot
.java
.html
การขึ้นบรรทัดใหม่ ควรใช้โค้ดใด
<ar>
<ac>
<bd>
<br>
ข้อใดคือความหมายของโค้ดดังกล่าว
การขึ้นบรรทัดใหม่
การขยายขนาดของตัวอักษร
การเน้นหัวเรื่องให้เด่นขึ้น
การปรับสีตัวอีกษร
โค้ดในรูปภาพมีความหมายว่าอย่างไร
การกำหนดสั่งให้ข้อมูลชิดขวา
การกำหนดให้ข้อมูลชิดซ้า
การกำหนดให้ข้อมูลอยู่ตรงกลาง
การกำหนดให้ข้อมูลกระจายออกจากกัน
โค้ดในรูปภาพมีความหมายว่าอย่างไร
การกำหนดสั่งให้ข้อมูลชิดขวา
การกำหนดให้ข้อมูลชิดซ้า
การกำหนดให้ข้อมูลอยู่ตรงกลาง
การกำหนดให้ข้อมูลกระจายออกจากกัน
โค้ดในรูปภาพใช้ทำอะไร
การเปลี่ยนสีตัวหนังสือ
การเปลี่ยนสีหน้าจอ
การเปลี่ยนสีพิื้นหลัง
ถูกทุกข้อ
การสั่งให้ข้อความเคลื่อนที่ต้องใช้โค้ดอะไร
Move text
Up text
Marquee
Marvel
โค้ดในรูปภาพเป็นโค้ดอะไร
ตัวอักษรวิ่งจากซ้ายไปขวา
ตัวอักษรวิ่งจากขวาไปซ้ายแล้วหยุด
ตัวอักษรวิ่งจากขวาไปซ้าย
ตัวอักษรวิ่งจากซ้านไปขวาแล้วหยุด
อะไรคือผลลัพธ์ของโค้ดในภาพ
Sawasdee ค่ะ นี้คือ web page แรกของ
ดิฉัน
web page แรกของดิฉัน
โปรแกรมแรกของดิฉัน
โปรแกรมแรกของดิฉัน Sawasdee ค่ะ นี้คือ web page แรกของ
ดิฉัน
การใช้โค้ด <h1>เน้นหัวเรื่อง</h> มีทั้งหมดกี่ระดับ
2 ระดับ
7 ระดับ
4 ระดับ
ไม่มีข้อใดถูก
โครงสร้างของภาษาHTMLประกอบด้วยกันกี่ส่วน
4
3
2
1
หน้าแรกของเว็บไซด์คือ
เว็บเพจ
โฮมเพจ
เว็บไซต์
เว็บเบราเซอร์
โปรแกรมที่เราเรียกใช้งานเว็บไซต์มีชื่อว่า
เว็บเพจ
โฮมเพจ
เว็บไซต์
เว็บเบราเซอร์
Background หมายถึง
หน้าแรก
หน้าเว็บ
ข้อมูล
พื้นหลัง
คำสั่ง <font color=> ใช้ทำอะไร?
เปลี่ยนสีตัวอักษร
เปลี่ยนสีตัวอักษรทั้งหมด
เปลี่ยนสีพื้นหลัง
เปลี่ยนสีตาราง
คำสั่ง <b> ใช้ทำอะไร?
ตัวเอียง
ขีดเส้นใต้
เว้นบรรทัด
ตัวหนา
คำสั่ง <i> ใช้ทำอะไร?
ตัวเอียง
ขีดเส้นใต้
เว้นบรรทัด
ตัวหนา
คำสั่ง <u> ใช้ทำอะไร?
ตัวเอียง
ขีดเส้นใต้
เว้นบรรทัด
ตัวหนา
HTML ย่อมาจากคำว่า ...
HyperText Markup Language
HighTech Markup Language
HotTime Markup Language
HyperText Maker Language
การสร้างไฟล์ HTML ต้องบันทึกนามสกุลไฟล์ (extension) ว่าอะไร ?
HTPL
HTML
HTTP
HXML
คำสั่งต่างๆที่อยู่ภายในเครื่องหมาย < ... > เรียกว่าอะไร
CODE
TAB
TAG
LABEL
คำสั่งต่างๆที่อยู่ภายในเครื่องหมาย < ... > เรียกว่าอะไร
CODE
TAB
TAG
LABEL
ภาษา HTML มีไว้ทำอะไร ?
มีไว้เท่ห์ๆ
มีไว้สร้างหน้าเว็บเพจ
มีไว้สร้างรูปภาพ
มีไว้สร้างตารางคำนวณ
การเขียนคำสั่ง HTML นิยมเขียนในโปรแกรมประเภทใด ?
Graphic Design
Documentary
Text Editor
Spread Sheet
แท็กที่ใช้บรรจุคำสั่งอื่นๆและคอนเท็นต์ของเว็บคือแท็กใด ?
<HTML>
<HEAD>
<TITLE>
<BODY>
คำสั่งที่ใช้แสดงรูปภาพคือคำสั่งใด ?
<pic src =" ">
<img src =" ">
<picture src =" ">
<image src =" ">
แท็กที่ใช้สำหรับตัดบรรทัด หรือ ขึ้นบรรทัดใหม่คือ ?
<BR>
<PR>
<HR>
<VR>
หน้าแรกของเว็บไซต์เรียกว่าอะไร
Home Page
Web Page
Web Site
Web browser
จากรูปต้องใช้คำสั่งใดในการใส่สีพื้นหลัง
<body bg = pink>
<body bgcolor = pink>
<body background = pink>
<body bgcolorbackground = pink>
คำสั่งใดใช้แทรกรูปภาพลงในเว็บเพจ
<img src = photo>
<img csr = photo.jpg>
<img ssr = photo>
<img src = photo.jpg>
ข้อใดใช้คำสั่งเชื่อมโยงเอกสารได้ถูกต้อง
<A Href> Index.html จุดการเชื่อมโยงข้อมูล </Href>
<A Link = Index.html> จุดการเชื่อมโยงข้อมูล </A>
<A Href = Index.html> จุดการเชื่อมโยงข้อมูล </A>
<A Link = Index.html> จุดการเชื่อมโยงข้อมูล </Link>
ในการกำหนดตารางให้อยู่กึ่งกลางของจอภาพต้องใช้คำสั่งใด
<Table> Align = Middle </Table>
<Table> Align = Center </Table>
<Table Align = Middle> </Table>
<Table Align = Center> </Table>
คำสั่ง Bordercolor เป็นคำสั่งเกี่ยวกับอะไร
กำหนดสีขอบของพื้นตาราง
กำหนดสีของเส้นขอบตาราง
การเพิ่มสีของตัวอักษรภายในตาราง
การทำลวดลายเพิ่มเติมให้เส้นขอบตาราง
ข้อไหนไม่ใช่ tag html
<hdmi>
<h1>
<p>
<br>
จัดตำแหน่งชิดขวาที่ถูกต้อง
<right></right>
<div align="rigth"></div>
<rigth></rigth>
<div align="right></div>
ข้อใดถูกต้อง
<p>
<br>
<html></html>
<div>
ส่วนที่ใช้ประกาศรายละเอียดต่าง ๆ เกี่ยวกับเว็บเพจ
<title>...</title>
<head>...</head>
<html>...</html>
<body>...</body>
<p> เป็น tag ที่ใช้เพื่อ
หน้าของข้อความ
รูปภาพ
ย่อหน้า
สัปปะรด
แล้ว CSS คือคำจำกัดความตามข้อใดต่อไปนี้
แบบในการ
แสดงผลของ
เว็บเพจเป็นหลัก
แบบในการ
สร้างตารางของ
เว็บเพจเป็นหลัก
และสั่งการให้ฟังก์ชั่นของเว็บเพจที่
เป็น Script ทำงาน
เคลื่อน
ทำงานได้ช้า
ในการรันโค๊ด
เวลาในการ
แก้ไข
ได้
แยกเดี่ยวๆโดย
ไม่ใช้
โครงสร้าง HTML
เป็นอีก 1 ไฟล์
Responsive คืออะไร ?
การจัดรูปแบบหน้าจอตามอุปกรณ์ต่าง ๆ
การจัดขนาดของตาราง
การจัดรูปแบบของโค้ด HTML ให้ดูง่าย
ทำให้รูปภาพไม่แตก
ในการสร้างฟอร์ม ต้องใช้แท็กคำสั่งใดเป็นแท็กแรกเสมอ
<select>
<form>
<table>
<input>
หากต้องการให้ผู้ใช้งานกรอกข้อมูลเฉพาะ วันที่และเวลา ต้องใช้แท็กคำสั่งใด
<input type="button">
<input type="hidden">
<input type="file">
<input type="datetime-local">
การกำหนดค่าความกว้างและความสูงของ สามารถใช้หน่วยใด ในการกำหนด
พิกเซล (pixel)
เปอร์เซ็นต์ (%)
ไม่มีข้อใดถูกต้อง
ถูกทั้งข้อ ก. และข้อ ข.
วิธีใช้งาน CSS สามารถใช้งานได้กี่วิธี
2
3
4
5
จากรูปภาพ เป็นวิธีใช้ CSS แบบใด
Inline เหมาะสำหรับเรียกใช้ในแต่ละอีลีเมนต์
Internal คือ การใช้งาน CSS ในหน้าเว็บหนึ่ง ๆ
External คือ การเขียน CSS ไว้ในไฟล์อื่น เหมาะสำหรับเว็บไซต์
Bootstrap คือการเรียกใช้จากเว็บไซต์อื่น หรือเป็นแบบ CDN
ข้อใดเป็นคำสั่งในการสร้าง Selector เป็น Class และ ID
#Name{} และ /Name{}
/Name{} และ .Name{}
.Name{} และ #Name{}
Name{} และ .Name{}
ข้อใดคือ CSS สำหรับสร้างเส้นขอบ
border
width
transform
display
การเรียกใช้งานคำสั่งเปลี่ยนสีตัวอักษร ของ Bootstrap จะเรียกใช้ใน Attribute ใด
<p id="text-warning">
<p class="text-warning">
<p text="warning">
<p text-warning>
คำสั่งใดใน Bootstrap เป็นคำสั่งสำหรับการสร้างแถว
<div class="row">
<div class="col">
<div row>
<div id="col">
จากภาพ คือ Component ใดใน Bootstrap
form
card
text
carousel
ข้อใดเป็นคำสั่ง Bootstrap ในการจัดตำแหน่งตัวอักษรให้อยู่กึ่งกลาง
<center> <p> ข้อความ </p> </center>
<p style="text-align:center"> ข้อความ </p>
<p class="text-center"> ข้อความ </p>
<p id="text-center"> ข้อความ </p>
