สิ่งที่คุณต้องทราบเกี่ยวกับแท็ก HTML
HTML เป็นภาษาของเว็บ หน้าเว็บที่คุณดูในคอมพิวเตอร์หรือโทรศัพท์รวมทั้งข้อความนี้เขียนด้วยภาษา Hypertext Markup Language โดยใช้สิ่งที่เรียกว่า "แท็ก HTML" คุณสามารถคิด HTML ว่าเป็น "โค้ดที่อยู่ใต้ปลอกคอ" ซึ่งควบคุมโครงสร้างของหน้าเว็บ
ในที่สุดเมื่อคุณเรียนรู้ภาษาใหม่ ๆ คุณจะเริ่มต้นด้วยวลีง่ายๆและสร้างจากที่นั่น การเรียนรู้เกี่ยวกับ HTML ไม่ต่างกัน คุณจะเริ่มต้นด้วยการควบคุมแท็ก HTML ทั่วไป นี่เทียบเท่ากับการเรียนรู้ "วลีง่ายๆ" ในภาษาพูด วลีเหล่านั้นกลายเป็นหินที่คุณสร้างความรู้และคำพูดของคุณเช่นเดียวกับแท็ก HTML เป็นรากฐานที่คุณจะสร้างทักษะในการพัฒนาเว็บของคุณเมื่อ
รูปแบบแท็ก HTML
คุณสามารถรู้จักแท็ก HTML เนื่องจากล้อมรอบด้วยอักขระ <และ> ที่อยู่ตอนต้นและตอนท้ายของแท็ก ระหว่างอักขระทั้งสองนี้จะเป็นข้อความอื่นที่ระบุว่ามีการเขียนแท็ก HTML แบบใด ตัวอย่างเช่นถ้าคุณรู้ว่า "hr" หมายถึงกฎแนวนอน (หรือบรรทัด) คุณจะเขียนโค้ดนี้สำหรับแท็ก HTML:
คุณเพิ่งเขียนแท็ก HTML ที่ใช้กฎแนวนอนในหน้าเว็บ
แท็ก HTML ส่วนใหญ่มาคู่กัน พวกเขาจะอยู่ที่จุดเริ่มต้นและตอนท้ายของส่วนของข้อความเพื่อกำหนดเนื้อหาที่จะมี คู่แท็กเหล่านี้สร้าง องค์ประกอบ HTML ขึ้น เมื่อคุณเรียนรู้ว่า และ strong> คือแท็กเปิดและปิดเพื่อทำให้ข้อความเป็นตัวหนาคุณจะเริ่มเข้าใจว่าแท็ก HTML มีผลต่อลักษณะที่ปรากฏของข้อความบนหน้าเว็บอย่างไร
ประโยคนี้จะปรากฏเป็นตัวหนาทั้งหมดเนื่องจากแท็ก
โปรดทราบว่าแท็กปิดที่แข็งแกร่ง (ซึ่งย่อมาจาก "เน้นหนักและโดยปกติแล้วจะแสดงข้อความเป็นตัวหนา) จะเหมือนกับแท็กตัวหนาที่เปิดอยู่ยกเว้นว่าจะมีเครื่องหมายทับอยู่ในแท็กซึ่งเป็นรูปแบบที่ตามมาด้วย แท็ก HTML แท็กเปิดและแท็กปิดเหมือนกันโดยมีการเพิ่มเครื่องหมายทับในช่องปิดที่ตามอักขระ <ตัวแรก>
การผสมผสานแท็ก HTML
แท็ก HTML มักใช้ร่วมกัน แท็กเปิดและปิดสำหรับข้อความที่เน้น (ตัวเอียง) คือ และ em> การเพิ่มแท็กตัวเอียงลงในคำเดียวในตัวอย่างประโยคทั้งหมดที่เป็นตัวหนาทำให้คำที่ปรากฏเป็นตัวหนาและตัวเอียงบนหน้าเว็บ
ประโยคนี้จะปรากฏเป็น ตัวหนา ทั้งหมดเนื่องจากแท็ก
เมื่อใดก็ตามที่มีการใช้แท็กหลายรายการร่วมกันในองค์ประกอบของหน้าเว็บแท็กบางส่วนที่ปรากฏอยู่ภายในของบุคคลอื่นแท็กเหล่านี้จะเรียกว่าแท็ก HTML ที่ซ้อนกัน คุณต้องจำไว้ว่าแท็กซ้อนกันซึ่งเป็นแท็กภายในแท็กอื่นต้องปิดก่อนที่จะปิดแท็กที่มีอยู่ได้ ดูตัวอย่างนี้:
นี่คือข้อความที่ เน้น em> ด้วยเหตุผลบางประการ p>
คุณควรสังเกตว่าแท็ก ถูกเปิดขึ้นภายใน ซึ่งหมายความว่าแท็กปิดจะปรากฏขึ้นก่อน p> ลองคิดถึงแท็กที่ซ้อนกันอยู่เช่นกล่องภายในกล่องอื่น ๆ กล่องภายในต้องปิดก่อนบรรจุภัณฑ์ภายนอก มีแท็ก HTML ที่มีอยู่ใน HTML ที่ถูกต้อง แท็ก HTML บางส่วนกำหนดองค์ประกอบที่เหมือนกันทั่วไปเช่นย่อหน้าขณะที่บางส่วนมีความซับซ้อนมากขึ้นและเพิ่มฟังก์ชันเพิ่มเติมเช่นลิงก์หรือแท็ก "anchor" รายการแท็ก HTML ให้ภาพรวมของแท็กฟังก์ชันจำนวนมากสามารถทำงานบนหน้าเว็บโดยใช้แท็ก นอกจากนี้ยังมีแท็กบางอย่างที่จำเป็นสำหรับทุกหน้าเว็บด้วย ในขณะที่คุณสร้างหน้าแรกคุณจะใช้แท็ก ซึ่งจะเริ่มจากหน้าเว็บ แท็ก HTML และเว็บเพจ
รายการแท็ก HTML ไม่ค่อยมีประโยชน์จนกว่าคุณจะผ่านการกวดวิชา HTML แต่หลังจากที่ทำคุณสามารถใช้แท็ก HTML เพื่อสร้างหน้าเว็บของคุณเองได้ โน้ตเดียวไม่ต้องจมกับจำนวนแท็ก HTML ที่เป็นไปได้ แม้ว่าจะมีแท็กที่เป็นไปได้หลายร้อยรายการ แต่ความเป็นจริงก็คือคุณมีแนวโน้มที่จะใช้งานได้เพียงไม่กี่รายการเท่านั้น ในความเป็นจริงมีบางแท็ก HTML ที่ฉันไม่เคยใช้แม้แต่ครั้งเดียวในทศวรรษที่ผ่านมาของการออกแบบเว็บ!
แท็กเลิกใช้
HTML5 เป็นมาตรฐานมาร์กอัปปัจจุบัน แท็กบางตัวที่ใช้ใน HTML เวอร์ชันก่อนหน้าได้รับการจัดการโดยสไตล์ชีตใน HTML5 แล้ว แท็ก HTML เลิกใช้ถูกนำออกจากข้อกำหนด HTML แล้ว ไม่ควรใช้แท็กที่ล้าสมัยใด ๆ
บทความต้นฉบับโดย Jennifer Krynin แก้ไขโดย Jeremy Girard เมื่อวันที่ 5/2/17