Workshop: HTML Text Formatting

ฝึกใช้แท็กรูปแบบข้อความ (Formatting Tags) เพื่อสร้างเนื้อหาที่อ่านง่ายและเป็นระเบียบ

1. สิ่งที่ต้องรู้ก่อนเริ่มทำ Workshop

HTML มีแท็กสำหรับจัดรูปแบบข้อความ ทำให้เนื้อหาดูเด่น อ่านง่าย และสื่อความหมายได้ดีขึ้น

– ตัวหนา (เน้นเฉย ๆ)
– ตัวหนาแบบ “สำคัญ” เชิงความหมาย (semantic importance)
– ตัวเอียง (ใช้กับศัพท์เฉพาะหรือตัวเน้น)
– ตัวเอียงแบบเน้นน้ำเสียง
– ขีดเส้นใต้
<ins> – ขีดเส้นใต้
– ไฮไลต์ข้อความ
<code> – แสดงข้อความเป็นรูปแบบโค้ด
– ข้อความขนาดเล็ก
<del> – ~~ข้อความขีดฆ่า~~
<s> – ~~ข้อความขีดฆ่า~~
– ตัวห้อย เช่น _H2O
– ตัวยก เช่น x²

แท็กที่ไม่รองรับใน HTML5

<strike> – ~~not support in HTML5~~
<big> – not support in HTML5
<tt> – not support in HTML5

นักศึกษาต้องใช้แท็ก formatting อย่างน้อย 5 ชนิดในงานนี้

2. ภารกิจของสำหรับนักศึกษาต้องทำ

ให้ค้นหาเนื้อหาเกี่ยวกับ “เทคโนโลยีคอมพิวเตอร์สมัยใหม่” โดยต้องมี:

หัวข้อ <h1> 1 อัน
ย่อหน้า อย่างน้อย 3 ย่อหน้า
ใช้แท็ก formatting อย่างน้อย 5 ประเภท
ข้อความไหนมีการจัด formatting ให้ ใส่สีข้อความเป็นสีแดงชมพู

เทคโนโลยีคอมพิวเตอร์สมัยใหม่ในชีวิตประจำวัน

ในยุคปัจจุบัน เทคโนโลยีคอมพิวเตอร์สมัยใหม่ เข้ามาอยู่รอบตัวเราแทบทุกที่ ไม่ว่าจะเป็นโทรศัพท์มือถือ คอมพิวเตอร์โน้ตบุ๊ก หรืออุปกรณ์สมาร์ตโฮม ทำให้การสื่อสาร การเรียน และการทำงาน สะดวกและรวดเร็วมากขึ้น

หนึ่งในเทคโนโลยีที่สำคัญคือ ระบบคลาวด์ (Cloud Computing) ที่ช่วยให้เราสามารถเก็บไฟล์ไว้บนอินเทอร์เน็ต และเข้าถึงได้จากทุกที่ทุกเวลา นอกจากนี้ยังมี ปัญญาประดิษฐ์ (AI) ที่ถูกนำมาใช้ในแอปพลิเคชันต่าง ๆ เช่น ระบบแนะนำคอนเทนต์บนโซเชียลมีเดีย และผู้ช่วยอัจฉริยะอย่างเช่น chatbot

อีกเทคโนโลยีที่เริ่มเห็นมากขึ้นคือ อุปกรณ์ Internet of Things (IoT) เช่น นาฬิกาอัจฉริยะ กล้องวงจรปิดออนไลน์ และอุปกรณ์ตรวจสุขภาพที่เชื่อมต่อกับมือถือ รวมถึงเครือข่าย 5G ที่ช่วยให้การรับส่งข้อมูลมีความเร็วสูง และหน่วงต่ำ ทำให้การดูวิดีโอสตรีมมิง การเล่นเกมออนไลน์ และการประชุมวิดีโอ เสถียรมากขึ้นกว่าสมัยก่อน