หนึ่งในสิ่งที่นักพัฒนาต้องพิจารณาคือการทำให้เว็บไซต์เข้าถึงได้สำหรับผู้ที่ต้องใช้ screen reader HTML ช่วยในเรื่องนี้ด้วยการให้ใช้ semantic elements ในมาร์กอัป บทความนี้ครอบคลุม semantic elements ยอดนิยมสำหรับเว็บพัฒนา Semantic HTML เรื่อง semantic HTML สามารถอธิบายได้จากคำว่า semantics ตาม Merriam-W

ขนาดรูปภาพใน HTML หมายถึงความสูงและความกว้างของรูปภาพ ถูกกำหนดเป็น HTML attributes บนเอลิเมนต์ <img> นี่คือวิธีการตั้งค่า ไวยากรณ์ ไวยากรณ์สำหรับตั้งค่าแอตทริบิวต์ width และ height ของแท็ก <img> คือ: <img src=<name of website> alt=<alt tag> height=<in px> width=<i

เมื่อขยายความรู้ HTML หนึ่งในสิ่งที่ต้องพิจารณาคือสิ่งที่เราสร้างจะส่งผลต่อประสบการณ์ผู้ใช้อย่างไร สิ่งหนึ่งคือการจัดระเบียบหน้าเว็บ หน้าที่擁擠เกินไปจะส่งผลต่อการที่ลูกค้าตัดสินใจอยู่ต่อและทำสิ่งที่ตั้งใจไว้ หนึ่งในวิธีจัดระเบียบฟอร์มคือการ nest radio buttons หรือ checkboxes เข้า dropdown ให้ผู้ใช้เล

มีหลายวิธีจัดรูปแบบข้อความใน HTML เพื่อดึงดูดความสนใจ บทความนี้พูดถึงการจัดรูปแบบข้อความให้เป็น bold, italics, หรือ underline คุณจะกลายเป็น formatting pro ในไม่ช้า! Bold (ตัวหนา) การตั้งค่าข้อความเป็น bold ใน HTML ก่อน HTML5 ทำโดยห่อข้อความที่ต้องการเป็น bold ด้วยแท็ก <b>: <!DOCTYPE html>

เอลิเมนต์ปุ่มเป็นหนึ่งในองค์ประกอบ HTML ที่มีประโยชน์มาก เพราะให้ผู้ใช้โต้ตอบกับหน้าเว็บได้ Login, subscribe, delete, เปิดสิ่งต่างๆ, แสดงเมนู, เปลี่ยนธีมสี เป็นการกระทำที่ทำด้วยปุ่ม สไตล์ปุ่มเริ่มต้นของเบราว์เซอร์ไม่สวยและไม่ทันสมัย การปรับแต่งสไตล์ในทุกโปรเจกต์ทำให้เขียนโค้ดซ้ำเพื่อผลลัพธ์เดิม Boot

ไม่ว่าคุณจะทำพอร์ตโฟลิโอหน้าเดียว, แอปมอนolitik สำหรับบริษัทใหญ่, บล็อก, หรือฟอรัม โอกาสสูงที่คุณจะต้องการ dropdown menu Dropdown menu มีประโยชน์มากเมื่อมีลิงก์หรือการกระทำเยอะ แต่พื้นที่หน้าเว็บไม่พอแสดงทั้งหมด ปกติ dropdown ต้องใช้ JavaScript นิดหน่อย หากยังไม่เริ่มเรียน JS หรือต้องการโซลูชันเร็ว

เมื่อต้องการนำผู้ใช้ไปหน้าเว็บภายนอก พฤติกรรมเริ่มต้นคือลิงก์เปิดในแท็บเดิม คุณสามารถเก็บผู้ใช้ไว้ในหน้าของคุณได้โดยเปิดลิงก์ภายนอกในแท็บใหม่ ทำให้กลับมาหน้าเดิมง่าย บทความนี้ครอบคลุมวิธีการ ไวยากรณ์ <a href=https://placekitten.com/1000/1000 target=_blank rel=noopener noreferrer>Click to See a

มีหลายวิธีอ้างอิงแหล่งที่มา หรือแยกคำพูดออกจากข้อความรอบข้างใน HTML วันนี้เราจะเรียนรู้ HTML Quotation Elements: <blockquote>, <q>, <abbr>, <address>, <bdo> และ <cite> แต่ละตัวมีกรณีใช้งานเฉพาะ เราจะแยกแยะและแสดงวิธีใช้ในมาร์กอัป Blockquote เอลิเมนต์ <blockquot

ใน HTML บางครั้งต้องสร้างช่องว่าง และไม่ได้ง่ายแค่กด spacebar โดยเฉพาะถ้าต้องการช่องว่างหลายช่องติดกันหรือแท็บ HTML มักจะ collapse ช่องว่างหลายช่องให้เหลือแค่ช่องเดียว นี่คือที่มาของ HTML entities บทความนี้ดู HTML entities ต่างๆ ที่ช่วยสร้างช่องว่างขนาดต่างๆ มี 4 ประเภทช่องว่างหลักใน HTML: thin spac

บางครั้งคุณอาจต้องเปลี่ยนเส้นทางトラฟฟิกเว็บไปยังไซต์ใหม่ มีหลายวิธีทำ redirect โดยส่วนใหญ่ผ่านแบ็กเอนด์ แต่บทความนี้ครอบคลุมวิธีทำ client-side redirect ใน HTML Redirect นี้เกิดในส่วน head ของเอกสาร HTML ในแท็ก meta ไวยากรณ์สำหรับ redirect ให้เราสามารถหน่วงเวลาก่อนเบราว์เซอร์ redirect ไปหน้าใหม่ได้ ไว

เขียนโค้ดสำหรับเว็บมักเป็นเรื่องยุ่งยาก มีหลายวิธีไปสู่เป้าหมายเดียวกัน บางวิธีมีประสิทธิภาพหรือมีประสิทธิผลมากกว่า และบางวิธีอาจไม่ทำงานภายใต้เงื่อนไขทั้งหมด ความแตกต่างระหว่างเว็บไซต์ที่ดีและยอดเยี่ยม อาจอยู่ที่การเลือกวิธีเขียนสี และที่ชัดเจนที่สุดคือการเขียนสีใน HTML การเขียนคุณสมบัติสี HTML อาจ

แท็ก HTML textarea ใช้สร้างฟิลด์ป้อนข้อความหลายบรรทัดในฟอร์ม ถูกกำหนดด้วยแท็ก <textarea> และสามารถจัดเก็บตัวอักษรได้ไม่จำกัดจำนวน เมื่อคุณสร้างฟอร์มใน HTML คุณอาจตัดสินใจว่าต้องการรับสตริงข้อความยาว ตัวอย่างเช่น หากคุณสร้างฟอร์มติดต่อลูกค้าสำหรับเว็บไซต์ร้านค้าปลีก คุณอาจต้องการสร้าง element

แท็กปุ่ม HTML ใช้สร้างปุ่มคลิกได้ภายในฟอร์ม HTML ให้ผู้ใช้ส่งข้อมูลฟอร์มไปยังเว็บไซต์ สไตล์ปุ่มควบคุมได้ด้วย CSS เมื่อสร้างฟอร์มในหน้าเว็บ ต้องมีปุ่มคลิกได้เพื่อให้ผู้ใช้ส่งฟอร์ม เช่น ฟอร์มสั่งซื้ออีคอมเมิร์ซ ที่เก็บข้อมูลจัดส่ง หลังกรอกเสร็จต้องมีปุ่มส่งข้อมูล นี่คือที่มาของแท็ก HTML <button>

ฟอร์ม HTML รวบรวมข้อมูลจากผู้ใช้ด้วยช่องข้อความ, รายการแบบเลื่อนลง, ช่องเครื่องหมาย, และอื่นๆ ฟอร์มอยู่ภายในแท็ก <form> และใช้แท็ก <input> สร้างองค์ประกอบต่างๆ ฟอร์ม HTML ให้ผู้ใช้โต้ตอบกับเว็บไซต์/แอปพลิเคชัน ส่งข้อมูลเพื่อประมวลผลและจัดเก็บ บทช่วยสอนนี้จะตอบคำถาม สร้างฟอร์มใน HTML ยัง

ตาราง HTML เป็นชุดข้อมูลที่จัดแสดงในแถวและคอลัมน์ ใช้เอลิเมนต์ <table> สร้างตาราง ใช้ <tr> สร้างแถว <td> สร้างคอลัมน์ และ <th> สร้างหัวตาราง ตารางนำเสนอข้อมูลให้เข้าใจง่ายด้วยแถวและคอลัมน์ เราพบตารางในชีวิตประจำวัน ตั้งแต่ตารางเวลารถบัส จนถึงตารางส่วนผสมอาหาร ใน HTML ตารางใช

แท็กรายการใน HTML ใช้สร้างรายการในหน้าเว็บ สามารถสร้างได้ 3 ประเภท ได้แก่ รายการลำดับ (ordered), รายการไม่มีลำดับ (unordered), และรายการคำอธิบาย (description) เมื่อสร้างหน้าเว็บ คุณอาจต้องการนำเสนอข้อมูลเป็นรายการที่จัดรูปแบบดี เช่น รายชื่อนักเรียน หรือรายการบทความบล็อก ใน HTML มีฟังก์ชันสร้างรายกา

คุณสามารถฝังวิดีโอในเอกสาร HTML ได้โดยใช้ฟังก์ชัน 3 แบบ ได้แก่ <video>, <object>, และ <embed> แต่ละตัวทำงานต่างกัน และทุกตัวใช้แอตทริบิวต์ src เพื่อระบุ URL ของวิดีโอที่ต้องการ เมื่อสร้างหน้าเว็บ คุณอาจต้องการฝังวิดีโอลงในเอกสาร เช่น การเขียนบทแนะนำทำเค้กพร้อมวิดีโอประกอบสูตรอาหาร

เพื่อทำข้อความตัวหนาใน HTML คุณสามารถใช้แท็ก <b> แท็ก <strong> หรือ font-weight ใน CSS เมื่อคุณออกแบบหน้าเว็บ คุณอาจต้องการเน้นข้อความเฉพาะบางส่วน ตัวอย่างเช่น สมมติคุณมีรายการคำแนะนำวิธีใช้เทคโนโลยีชิ้นใหม่ และมีข้อความแจ้งเตือนด้านความปลอดภัยที่สำคัญมากสำหรับผู้ใช้ที่จะต้องอ่าน คุณอา

HTML attributes กำหนดคุณสมบัติเพิ่มเติมสำหรับ HTML elements พวกมันถูกระบุในแท็กเปิดของ HTML element และบาง elements ต้องการ attribute เพื่อทำงาน HTML attributes คืออะไร และใช้อย่างไร? เมื่อคุณเรียน HTML คุณอาจพบคำว่า attributes Attributes ใช้ให้ข้อมูลเพิ่มเติมเกี่ยวกับ element เฉพาะบนหน้า HTML Attr

เมื่อเขียน HTML คุณจะสังเกตว่าเว้นวรรคเพิ่มเติมที่เกิดจากการกดแท็บ spacebar ไม่ปรากฏเมื่อข้อความถูกเรนเดอร์ในเบราว์เซอร์ ตัวอย่าง: <p>April is the cruelest month,</p> <p>April is the cruelest month,</p> ในแท็ก <p> แรก มีเว้นวรรคเพียงหนึ่งช่องระหว่างคำ แต่ในแท็ก <p&g