Worksheetsสอบกลางภาค ออกแบบเว็ป ม.6 68-1
Total questions: 30
Worksheet time: 5hrs 0mins
แท็กใดใช้สำหรับกำหนดเวอร์ชันของภาษา HTML
ก) <html>
ข) <head>
ค) <!DOCTYPE html>
ง) <body>
ข้อใดคือแท็กสำหรับสร้างหัวข้อเรื่องที่ใหญ่ที่สุด?
ก) <h6>
ข) <h1>
ค) <header>
ง) <p>
หากต้องการสร้างลิงก์ไปยังเว็บไซต์อื่น ต้องใช้แท็กใด?
ก) <link>
ข) <a>
ค) <href>
ง) <url>
Attribute ใดในแท็ก <a> ที่ใช้สำหรับระบุ URL ปลายทาง?
ก) src
ข) link
ค) target
ง) href
การใส่รูปภาพในหน้าเว็บเพจใช้แท็กใด?
ก) <image>
ข) <img>
ค) <picture>
ง) <src>
ข้อใดคือ Attribute ที่จำเป็นต้องระบุในแท็ก <img> เพื่อให้รูปภาพแสดงผล?
ก) alt
ข) href
ค) src
ง) title
แท็กใดใช้สำหรับสร้างรายการแบบไม่มีลำดับ (Unordered List)?
ก) <ol>
ข) <li>
ค) <ul>
ง) <dl>
แท็กใดใช้สำหรับสร้างรายการแบบมีลำดับ (Ordered List)?
ก) <ol>
ข) <li>
ค) <ul>
ง) <list>
แท็กใดที่ใช้ในการสร้างตาราง?
ก) <grid>
ข) <tab>
ค) <table>
ง) <row>
แท็กที่ใช้กำหนดหัวเรื่องของตารางคือแท็กใด?
ก) <td>
ข) <th>
ค) <tr>
ง) <head>
ท็กที่ใช้ในการสร้างแถวในตารางคือแท็กใด?
ก) <col>
ข) <td>
ค) <th>
ง) <tr>
แท็กใดใช้สำหรับสร้างแบบฟอร์มรับข้อมูล?
ก) <input>
ข) <form>
ค) <button>
ง) <label>
หากต้องการสร้างช่องสำหรับกรอกข้อความ (Text Input) ควรใช้ <input> ที่มี type เป็นอะไร?
ก) type="button"
ข) type="text"
ค) type="password"
ง) type="submit"
แท็กใดใช้ในการสร้างปุ่มกดในฟอร์ม?
ก) <input type="button">
ข) <submit>
ค) <button>
ง) ทุกข้อที่กล่าวมา
แท็กใดที่ใช้แบ่งส่วนเนื้อหาที่เป็นส่วนหัวของเว็บไซต์ (Header)?
ก) <head>
ข) <h1>
ค) <header>
ง) <top>
แท็กใดที่ใช้แบ่งส่วนเนื้อหาที่เป็นส่วนท้ายของเว็บไซต์ (Footer)?
ก) <footer>
ข) <bottom>
ค) <div>
ง) <end>
แท็กใดที่ใช้สำหรับจัดกลุ่มเนื้อหาหลักของหน้าเว็บ?
ก) <article>
ข) <main>
ค) <section>
ง) <content>
ข้อใดคือความหมายของ Attribute alt ในแท็ก <img>?
ก) คำอธิบายรูปภาพสำหรับ Search Engine และกรณีที่รูปไม่แสดง
ข) ชื่อไฟล์ของรูปภาพ
ค) ลิงก์ที่เชื่อมโยงจากรูปภาพ
ง) ขนาดของรูปภาพ
แท็ก <p> ใช้สำหรับทำอะไร?
ก) สร้างหัวข้อ
ข) สร้างย่อหน้า
ค) สร้างลิงก์
ง) สร้างรายการ
หากต้องการให้ข้อความแสดงเป็นตัวหนา ควรใช้แท็กใด?
ก) <i>
ข) <b>
ค) <u>
ง) <em>
แท็ก <br> มีหน้าที่อะไร?
ก) สร้างเส้นคั่น
ข) ขึ้นบรรทัดใหม่
ค) เว้นวรรค
ง) สร้างย่อหน้าใหม่
แท็กใดที่ใช้กำหนดชื่อเรื่องของหน้าเว็บที่แสดงบนแท็บของเบราว์เซอร์?
ก) <h1>
ข) <head>
ค) <title>
ง) <body>
แท็ก <nav> มักจะใช้สำหรับจัดกลุ่มเนื้อหาส่วนใด?
ก) ส่วนเนื้อหาหลัก
ข) ส่วนท้ายเว็บ
ค) ส่วนเมนูนำทาง (Navigation)
ง) ส่วนหัวเว็บ
แท็ก <div> และ <span> แตกต่างกันอย่างไร?
ก) <div> เป็น Block-level และ <span> เป็น Inline-level
ข) <span> เป็น Block-level และ <div> เป็น Inline-level
ค) ใช้แทนกันได้ ไม่มีข้อแตกต่าง
ง) <div> ใช้กับข้อความ และ <span> ใช้กับรูปภาพ
การเขียนคอมเมนต์ในโค้ด HTML ที่ถูกต้องคือข้อใด?
ก) // นี่คือคอมเมนต์
ข) /* นี่คือคอมเมนต์ */
ค) ``
ง) # นี่คือคอมเมนต์
CSS ย่อมาจากอะไร?
ก) Creative Style Sheets
ข) Computer Style Sheets
ค) Cascading Style Sheets
ง) Colorful Style Sheets
ข้อใดคือประโยชน์หลักของการใช้ Gemini ช่วยในการออกแบบเว็บไซต์?
ก) ช่วยเขียนโค้ดทั้งหมดให้โดยอัตโนมัติ 100%
ข) ช่วยหาไอเดีย, สร้างโค้ดตัวอย่าง และเนื้อหาต้นแบบ
ค) สามารถออกแบบกราฟิกที่ซับซ้อนได้ดีกว่าโปรแกรมเฉพาะทาง
ง) สามารถทดสอบความปลอดภัยของเว็บไซต์ได้
คำสั่ง (Prompt) แบบใดที่เหมาะจะใช้กับ Gemini เพื่อขอไอเดียโครงสร้างหน้าแรกของเว็บไซต์ร้านกาแฟ?
ก) "ทำเว็บให้หน่อย"
ข) "ขอโค้ดเว็บร้านกาแฟ"
ค) "ช่วยออกแบบโครงสร้างหน้าแรก (Homepage Layout) สำหรับเว็บไซต์ร้านกาแฟ โดยเน้นบรรยากาศอบอุ่นและทันสมัย มีส่วนของเมนู, โปรโมชั่น, และที่ตั้งร้าน"
ง) "HTML ร้านกาแฟ"
หากต้องการให้ Gemini ช่วยเขียนโค้ด HTML สำหรับส่วน Footer ของเว็บไซต์ ควรระบุข้อมูลใดใน Prompt?
ก) ชื่อเว็บไซต์
ข) โค้ด HTML ทั้งหมดของหน้าเว็บ
ค) บอกแค่ว่า "ขอโค้ด Footer"
ง) ระบุว่าต้องการให้มีข้อมูลอะไรบ้างใน Footer เช่น ลิขสิทธิ์, ลิงก์โซเชียลมีเดีย, ข้อมูลติดต่อ
Gemini สามารถช่วยในเรื่องการออกแบบ UI/UX ได้อย่างไร?
ก) ช่วยวิเคราะห์พฤติกรรมผู้ใช้จากฐานข้อมูลจริง
ข) ช่วยสร้าง User Persona และ User Flow แบบสมบูรณ์
ค) ช่วยเสนอแนะแนวทางการจัดวางองค์ประกอบ (Layout), การเลือกใช้สี และสไตล์ของฟอนต์
ง) ช่วยเขียน Test Case สำหรับทดสอบระบบ
