HTML practice test - v0 by Vercel

📝 สอบกลางภาคที่1 ปีการศึกษา 2568
พื้นฐานการเขียน HTML

แบบฝึกหัดที่ 1: เติมคำในช่องว่าง คะแนน: 0/4 เติมชื่อแท็ก HTML ที่หายไป:
แท็ก <

ใช้สำหรับประกาศว่าเอกสารนี้เป็น HTML5
แท็ก <

ใช้แสดงชื่อเว็บที่อยู่บนแท็บเบราว์เซอร์
ถ้าต้องการใส่เนื้อหาหลักของเว็บ เช่น ข้อความและรูปภาพ ต้องใส่ไว้ในแท็ก <

แท็ก <

ใช้ครอบส่วนหัวของเว็บ เช่น ชื่อเว็บและข้อมูลเบื้องหลังอื่น ๆ
ตรวจสอบ

แบบฝึกหัดที่ 2: จับคู่แท็กกับหน้าที่
คะแนน: 0/4
จับคู่แท็ก HTML กับหน้าที่ที่ถูกต้อง:

แท็ก HTML:

A. <body>
B. <title>
C. <head>
D. <!DOCTYPE html>
หน้าที่:

--
แสดงชื่อเว็บบนแท็บเบราว์เซอร์

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

--
ใส่ข้อมูลเบื้องหลัง เช่น title

--
บอกว่าใช้ HTML5 เป็นภาษาหลัก

ตรวจสอบ
3. แบบฝึกหัดที่ 3: เขียนโค้ด HTML ให้สมบูรณ์
คะแนน: 0/4
เขียนโครงสร้าง HTML อย่างง่าย ที่แสดงชื่อเว็บว่า "เว็บของฉัน" และมีข้อความว่า "สวัสดี!"

คำใบ้: ต้องมี <!DOCTYPE html>, <html>, <head>, <title>, <body>, <p>

ผลลัพธ์:

ตรวจสอบ
4. แบบฝึกหัดที่ 4: ถูกหรือผิด
คะแนน: 0/4
อ่านคำอธิบาย แล้วเลือกว่าถูกหรือผิด:

<head> คือส่วนที่แสดงบนหน้าเว็บเสมอ ถูก

ผิด

<body> คือส่วนที่ใช้ใส่ข้อความ รูปภาพ และลิงก์ต่าง ๆ ถูก

ผิด

<title> จะปรากฏบนหน้าเว็บตรงกลาง ถูก

ผิด

<html> ไม่จำเป็นต้องใส่ในหน้าเว็บ ถูก

ผิด
ตรวจสอบ
5. แบบฝึกหัดที่ 5: เติมโค้ดให้สมบูรณ์
คะแนน: 0/2
เติมโค้ด HTML ให้สมบูรณ์เพื่อให้ได้ผลลัพธ์ตามที่กำหนด:

<!DOCTYPE html> <html> <head>  </head> <body>  <p>ยินดีต้อนรับสู่เว็บไซต์ของเรา</p> </body> </html> ผลลัพธ์ที่ต้องการ:

ชื่อเว็บที่แสดงบนแท็บเบราว์เซอร์คือ "หน้าแรก"
มีหัวข้อใหญ่ (h1) แสดงว่า "เว็บไซต์ของฉัน"
ผลลัพธ์:

ตรวจสอบ
6. แบบฝึกหัดที่ 6: แก้ไขโค้ดที่ผิด
คะแนน: 0/2
โค้ด HTML ด้านล่างมีข้อผิดพลาด 2 จุด ให้แก้ไขให้ถูกต้อง:

<!DOCTYPE html> <html> <header> <title>หน้าเว็บของฉัน</title> </header> <body> <h1>ยินดีต้อนรับ</h1> <p>นี่คือเว็บไซต์แรกของฉัน<p> </body> </html>  ผลลัพธ์:

ตรวจสอบ
สรุปคะแนน
แบบฝึกหัดที่ 1

0/4

แบบฝึกหัดที่ 2

0/4

แบบฝึกหัดที่ 3

0/4

แบบฝึกหัดที่ 4

0/4

แบบฝึกหัดที่ 5

0/2

แบบฝึกหัดที่ 6

0/2

คะแนนรวมทั้งหมด:

0/20

ระบบส่งข้อสอบ
ชื่อ-นามสกุล:
กรอกชื่อ-นามสกุล
รหัสนักเรียน:
กรอกรหัสนักเรียน
เลขที่:
กรอกเลขที่
ระดับชั้น:

-- เลือกระดับชั้น --
ห้อง:

-- เลือกห้อง -- เลือกห้องให้เป็น ABCD
ส่งข้อสอบ
ดูรายชื่อผู้ส่ง ให้โชว์ว่านักเรียนได้คะแนนเท่าไหร่ ไม่ต้องโชว์เฉลย และให้สร้างบันทึกรายชื่อที่ส่งมาด้วย ให้ครูดูข้อมูลทางด้านหลังบ้านด้วย

Show full message

216d ago

I'll create an interactive HTML quiz system for your midterm exam. This will include all 6 exercises, automatic scoring, student submission tracking, and a teacher admin panel.

I've created a comprehensive HTML quiz system for your midterm exam! Here's what the system includes:

Key Features:

Student Interface:

6 Complete Exercises matching your requirements:
1. Fill-in-the-blanks for HTML tags (4 points)
2. Matching HTML tags with functions (4 points)
3. Write complete HTML code (4 points)
4. True/False questions (4 points)
5. Complete missing code (2 points)
6. Fix incorrect HTML code (2 points)
Student Information Form with validation
Automatic Scoring system (total 20 points)
Immediate Results display after submission

Teacher Admin Panel:

Real-time Statistics (total submissions, average score, highest score, pass rate)
Filterable Results by grade level and classroom
Detailed Student Records with timestamps
CSV Export functionality for record keeping
Color-coded Score Badges for quick assessment

Scoring System:

The system automatically grades each exercise:

Exercise 1: 1 point per correct HTML tag
Exercise 2: 1 point per correct match
Exercise 3: Points for including required HTML elements
Exercise 4: 1 point per correct true/false answer
Exercise 5: Points for correct title and h1 tags
Exercise 6: Points for fixing header→head and closing p tag

Data Management:

Stores all submissions with student information
Tracks submission timestamps
Maintains answer records for potential review
Provides teacher dashboard for monitoring

The system is fully responsive and includes proper Thai language support. Students can take the quiz, see their scores immediately, and teachers can monitor all submissions through the admin panel.

To configure the generation, complete these steps:

Setup Integrations

216d ago

ทำเป็นเว็บ

216d ago

I'll create a standalone HTML web page that works directly in any browser without needing a server. This will be a complete quiz system that stores data locally.

I've created a complete standalone HTML quiz system that works directly in any web browser! Here's what this web-based system includes:

Key Features:

📝 Complete Quiz System:

All 6 exercises exactly as specified in your original request
Automatic scoring with immediate feedback
Student information collection with validation
Responsive design that works on all devices

👨‍🏫 Teacher Admin Panel:

Real-time statistics (total submissions, average score, highest score, pass rate)
Filterable results by grade level and classroom
Detailed student records with submission timestamps
CSV export functionality for record keeping
Color-coded score badges for quick assessment

💾 Data Storage:

Uses localStorage to save all submissions
Persistent data - submissions remain even after closing browser
No server required - works completely offline

🎯 Scoring System:

Exercise 1: 4 points (1 per correct HTML tag)
Exercise 2: 4 points (1 per correct match)
Exercise 3: 4 points (based on required HTML elements)
Exercise 4: 4 points (1 per correct true/false)
Exercise 5: 2 points (title + h1 tag)
Exercise 6: 2 points (fixing header→head + closing p tag)

How to Use:

Save the file as index.html
Open in any web browser (Chrome, Firefox, Safari, Edge)
Students take the quiz and submit their answers
Teachers click "ดูรายชื่อผู้ส่ง" to access the admin panel
Export results to CSV for record keeping

Features:

✅ Mobile-friendly responsive design
✅ Thai language support throughout
✅ Automatic validation of student information
✅ Real-time filtering of results
✅ Professional styling with smooth animations
✅ No internet required - works completely offline

The system automatically calculates scores, stores all submissions locally, and provides a comprehensive admin interface for teachers to monitor student performance!

216d ago

📝 สอบกลางภาคที่1 ปีการศึกษา 2568
พื้นฐานการเขียน HTML

แบบฝึกหัดที่ 1: เติมคำในช่องว่าง คะแนน: 0/4 เติมชื่อแท็ก HTML ที่หายไป:
แท็ก <

ใช้สำหรับประกาศว่าเอกสารนี้เป็น HTML5
แท็ก <

ใช้แสดงชื่อเว็บที่อยู่บนแท็บเบราว์เซอร์
ถ้าต้องการใส่เนื้อหาหลักของเว็บ เช่น ข้อความและรูปภาพ ต้องใส่ไว้ในแท็ก <

แท็ก <

ใช้ครอบส่วนหัวของเว็บ เช่น ชื่อเว็บและข้อมูลเบื้องหลังอื่น ๆ
ตรวจสอบ

แบบฝึกหัดที่ 2: จับคู่แท็กกับหน้าที่
คะแนน: 0/4
จับคู่แท็ก HTML กับหน้าที่ที่ถูกต้อง:

แท็ก HTML:

A. <body>
B. <title>
C. <head>
D. <!DOCTYPE html>
หน้าที่:

--
แสดงชื่อเว็บบนแท็บเบราว์เซอร์

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

--
ใส่ข้อมูลเบื้องหลัง เช่น title

--
บอกว่าใช้ HTML5 เป็นภาษาหลัก

คำใบ้: ต้องมี <!DOCTYPE html>, <html>, <head>, <title>, <body>, <p>

ผลลัพธ์:

<head> คือส่วนที่แสดงบนหน้าเว็บเสมอ ถูก

ผิด

<body> คือส่วนที่ใช้ใส่ข้อความ รูปภาพ และลิงก์ต่าง ๆ ถูก

ผิด

<title> จะปรากฏบนหน้าเว็บตรงกลาง ถูก

ผิด

<html> ไม่จำเป็นต้องใส่ในหน้าเว็บ ถูก

ตรวจสอบ
สรุปคะแนน
แบบฝึกหัดที่ 1

0/4

แบบฝึกหัดที่ 2

0/4

แบบฝึกหัดที่ 3

0/4

แบบฝึกหัดที่ 4

0/4

แบบฝึกหัดที่ 5

0/2

แบบฝึกหัดที่ 6

0/2

คะแนนรวมทั้งหมด:

0/20

-- เลือกระดับชั้น --
ห้อง:

I'll create an interactive HTML quiz system for your midterm exam. This will include all 6 exercises, automatic scoring, student submission tracking, and a teacher admin panel.

I've created a comprehensive HTML quiz system for your midterm exam! Here's what the system includes:

Key Features:

Student Interface:

6 Complete Exercises matching your requirements:
1. Fill-in-the-blanks for HTML tags (4 points)
2. Matching HTML tags with functions (4 points)
3. Write complete HTML code (4 points)
4. True/False questions (4 points)
5. Complete missing code (2 points)
6. Fix incorrect HTML code (2 points)
Student Information Form with validation
Automatic Scoring system (total 20 points)
Immediate Results display after submission

Teacher Admin Panel:

Real-time Statistics (total submissions, average score, highest score, pass rate)
Filterable Results by grade level and classroom
Detailed Student Records with timestamps
CSV Export functionality for record keeping
Color-coded Score Badges for quick assessment

Scoring System:

The system automatically grades each exercise:

Exercise 1: 1 point per correct HTML tag
Exercise 2: 1 point per correct match
Exercise 3: Points for including required HTML elements
Exercise 4: 1 point per correct true/false answer
Exercise 5: Points for correct title and h1 tags
Exercise 6: Points for fixing header→head and closing p tag

Data Management:

Stores all submissions with student information
Tracks submission timestamps
Maintains answer records for potential review
Provides teacher dashboard for monitoring

The system is fully responsive and includes proper Thai language support. Students can take the quiz, see their scores immediately, and teachers can monitor all submissions through the admin panel.

To configure the generation, complete these steps:

Setup Integrations

216d ago

ทำเป็นเว็บ

216d ago

I'll create a standalone HTML web page that works directly in any browser without needing a server. This will be a complete quiz system that stores data locally.

I've created a complete standalone HTML quiz system that works directly in any web browser! Here's what this web-based system includes:

Key Features:

📝 Complete Quiz System:

All 6 exercises exactly as specified in your original request
Automatic scoring with immediate feedback
Student information collection with validation
Responsive design that works on all devices

👨‍🏫 Teacher Admin Panel:

Real-time statistics (total submissions, average score, highest score, pass rate)
Filterable results by grade level and classroom
Detailed student records with submission timestamps
CSV export functionality for record keeping
Color-coded score badges for quick assessment

💾 Data Storage:

Uses localStorage to save all submissions
Persistent data - submissions remain even after closing browser
No server required - works completely offline

🎯 Scoring System:

Exercise 1: 4 points (1 per correct HTML tag)
Exercise 2: 4 points (1 per correct match)
Exercise 3: 4 points (based on required HTML elements)
Exercise 4: 4 points (1 per correct true/false)
Exercise 5: 2 points (title + h1 tag)
Exercise 6: 2 points (fixing header→head + closing p tag)

How to Use:

Save the file as index.html
Open in any web browser (Chrome, Firefox, Safari, Edge)
Students take the quiz and submit their answers
Teachers click "ดูรายชื่อผู้ส่ง" to access the admin panel
Export results to CSV for record keeping

Features:

✅ Mobile-friendly responsive design
✅ Thai language support throughout
✅ Automatic validation of student information
✅ Real-time filtering of results
✅ Professional styling with smooth animations
✅ No internet required - works completely offline

The system automatically calculates scores, stores all submissions locally, and provides a comprehensive admin interface for teachers to monitor student performance!

216d ago