สิ่งที่คุณต้องรู้เกี่ยวกับ HTML

เริ่มโด Ovtak, ธ.ค 31, 2022, 01:31 ่นเที่ยง

หัวอก่อนหน้า - หัวข้อถัดไ

Ovtak

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

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

html>
HyperText Markup Language (HTML) เป็นภาษามาร์กอัปที่ใช้สำหรับสร้างเว็บเพจ ภาษามาร์กอัปนี้เป็นวิธีมาตรฐานในการอธิบายโครงสร้างและรูปลักษณ์ของเนื้อหา เช่น ข้อความและรูปภาพ เว็บเบราว์เซอร์แสดงเอกสาร HTML เป็นเว็บเพจมัลติมีเดีย สามารถใช้ร่วมกับภาษาสคริปต์อื่นๆ และ Cascading Style Sheets มีองค์ประกอบ HTML ที่แตกต่างกันจำนวนมาก รวมถึงองค์ประกอบระดับบล็อกและองค์ประกอบแบบอินไลน์ อดีตส่วนใหญ่จะใช้สำหรับหน้าเว็บแบบคงที่ องค์ประกอบแบบอินไลน์ใช้เพื่อจัดรูปแบบเนื้อหาขององค์ประกอบระดับบล็อกเป็นหลัก แท็ก head หรือที่เรียกว่าแท็ก h1 เป็นแท็กสำหรับใช้งานทั่วไปที่ให้ข้อมูลเกี่ยวกับเพจ การใช้แท็กส่วนหัว คุณสามารถเพิ่มชื่อ คำอธิบาย และข้อมูลวัตถุประสงค์ทั่วไปอื่นๆ

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

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

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