เมื่อเราพูดถึงโค้ด HTML หลายๆ คนคงนึกถึงภาษาที่ใช้ในการจัดโครงสร้างข้อมูลที่ให้เราเมื่อเราเข้าสู่เบราว์เซอร์หรือหน้าเว็บ แต่สิ่งนี้ไม่ได้สิ้นสุดที่นี่ เพื่อให้เข้าใจมากขึ้นว่า HTML คืออะไรและมีไว้เพื่ออะไร เราต้องเจาะลึกในหัวข้อนี้ให้มากขึ้น
รหัสที่เราจะพูดถึงนี้เป็นพื้นฐานพื้นฐานของการพัฒนาเว็บ. ทุกครั้งที่เราเรียกดูหน้าต่างๆ HTML มีมากกว่าที่มีอยู่ในหน้าทั้งหมด ไม่ว่าจะเป็นหน้าแฟชั่นหรือบล็อกส่วนตัว หากคุณสนใจที่จะเรียนรู้เพิ่มเติมเกี่ยวกับหัวข้อนี้ หยิบปากกาและกระดาษแล้วเราจะเริ่ม
รหัส HTML คืออะไรและใช้ทำอะไร
ตามที่เราได้ระบุไว้ในตอนต้นของเอกสารนี้ HTML เป็นภาษาที่เราสามารถกำหนดเนื้อหาของหน้าเว็บของเราได้. ในภาษาสเปน ตัวย่อสอดคล้องกับคำจำกัดความของ Hypertext Markup Language นั่นคือ ชุดป้ายกำกับที่เบราว์เซอร์ของเราสามารถตีความได้ ซึ่งเราสามารถกำหนดข้อความและลักษณะอื่นๆ ที่จะเป็นส่วนหนึ่งของหน้าเว็บ รูปภาพ กราฟิก ฯลฯ
ภาษาที่เราพูดนี้ มีหน้าที่อธิบายโครงสร้างที่หน้าติดตามและยังช่วยเราจัดระเบียบวิธีที่จะแสดง. นอกจากนี้ HTML ยังช่วยให้คุณสามารถรวมลิงก์ที่เปลี่ยนเส้นทางไปยังหน้าประเภทอื่นๆ หรือแม้แต่เอกสารได้
ไม่ใช่ภาษาโปรแกรมเพราะไม่ตรงตามฟังก์ชันเลขคณิตบางอย่าง ดังนั้นเราจึงสามารถชี้ให้เห็นว่าหน้าที่หลักของมันคือการสร้างหน้าเว็บแบบคงที่ มันมีประโยชน์มากเพราะเมื่อรวมเข้ากับภาษาการเขียนโปรแกรมประเภทอื่น คุณจะได้เพจที่มีไดนามิกมากที่สุด เช่นเดียวกับหน้าที่เราเข้าชมทุกวัน
ประวัติ HTML เล็กน้อย
ภาษานี้ถือกำเนิดขึ้นในปี 1980 เมื่อ Tim Berners-Lee นักวิทยาศาสตร์ นำเสนอแนวคิดเกี่ยวกับระบบไฮเปอร์เท็กซ์แบบใหม่. มันขึ้นอยู่กับความจำเป็นในการแบ่งปันเอกสารและไฟล์ ในเอกสารนี้ที่พูดถึง HTML มีแท็กทั้งหมด 22 แท็กที่สอนการออกแบบเบื้องต้นและเรียบง่ายว่าภาษานี้คืออะไร
ปัจจุบัน ป้ายเหล่านี้หลายป้ายที่กล่าวถึงเมื่อหลายปีก่อนยังคงอยู่เมื่อเทียบกับตัวอื่นๆ ที่ถูกทิ้งเอาไว้และตัวอื่นๆ ที่เพิ่มเข้ามาตามกาลเวลา จากสิ่งที่เราสามารถชี้ให้เห็นได้ว่า HTML มีเวอร์ชันต่างๆ มากมายตลอดประวัติศาสตร์ที่ผ่านมา
โปรดจำไว้ว่าภาษาประเภทนี้สามารถประมวลผลผ่านเบราว์เซอร์เท่านั้น เช่นเดียวกับที่เรากำลังใช้บนเว็บไซต์นี้เพื่ออ่านสิ่งพิมพ์ดังกล่าว
ประเภทของฉลาก
สิ่งหนึ่งที่เราได้ชี้ให้เห็นในส่วนก่อนหน้านี้คือ ภาษา HTML ประกอบด้วยแท็กต่างๆ ป้ายเหล่านี้สำหรับผู้ที่ไม่ทราบ เป็นส่วนของข้อความที่ป้องกันโดยวงเล็บหรือวงเล็บปีกกาซึ่งมีวัตถุประสงค์เพื่อเขียนโค้ดดังกล่าว
ฉลากเหล่านี้ พวกเขามักจะคั่นด้วยสิ่งที่เรารู้ในวงเล็บในเคล็ดลับ <> นั่นคือ;. สิ่งเหล่านี้ใช้เพื่ออธิบายสิ่งที่คุณต้องการให้ปรากฏบนเว็บในแง่ของลักษณะที่ปรากฏ
ใน HTML และเราพบว่ามีการกำหนดป้ายกำกับที่แตกต่างกันมากมาย. ขึ้นอยู่กับการใช้งานที่จะได้รับเราจะเห็นบางส่วนของพวกเขาด้านล่าง
- เปิดแท็ก: เป็นคำที่ใช้ขึ้นต้นหน้า มันบอกเราว่าองค์ประกอบบางอย่างเริ่มต้นหรือสิ้นสุดที่ใด ชื่อขององค์ประกอบต้องอยู่ระหว่างวงเล็บแหลม
- ปิดแท็ก: เช่นเดียวกับในกรณีก่อนหน้านี้ แต่สิ่งเหล่านี้บ่งบอกถึงจุดสิ้นสุดขององค์ประกอบ พวกเขาแตกต่างกันส่วนใหญ่ในลักษณะที่เขียนเนื่องจากมีเส้นทแยงมุมปรากฏขึ้น
- แท็กชื่อเรื่อง: พวกเขาจะระบุว่าสิ่งต่อไปคือชื่อหน้าของเรา
- ฉลากร่างกาย: ในกรณีนี้ เรากำลังพูดถึงแท็กที่ระบุส่วนเนื้อหาของข้อความ นั่นคือ บล็อกของข้อความที่ตามมา
- แท็กส่วนหัว: ตามที่เปิดเผยชื่อ มันเป็นป้ายกำกับที่ระบุชื่อหรือส่วนหัวของเพจของเรา
- แท็กคำบรรยาย: ในกรณีนี้เรากำลังพูดถึงคำบรรยายระดับ 2
- แท็กย่อหน้า: เป็นข้อความที่ใช้เพื่อทำให้ข้อความของเราปรากฏเป็นบรรทัดในกลุ่ม
- ป้ายส่วนล่าง: ชี้ไปที่ด้านล่างของข้อความ สามารถระบุได้ด้วยข้อสรุปหรือส่วนสุดท้ายของหน้าที่ข้อมูลติดต่อหรือเครือข่ายสังคมออนไลน์ปรากฏ
- ป้ายส่วนบน: เราอ้างถึงด้านบนของข้อความหรือส่วนหัวของหน้า
- ฉลากตัวหนา: อย่างที่เราทุกคนทราบ พวกเขามีหน้าที่เน้นองค์ประกอบบางอย่างที่ล้อมรอบข้อความของเรา
- ป้ายตัวเอียง: คล้ายกับกรณีก่อนหน้านี้ แต่นี่คือสิ่งที่ระบุเป็นตัวเอียงปรากฏขึ้น
- แท็กรูปภาพ: เป็นอันที่เราใช้เมื่อเราต้องการแทรกรูปภาพในเพจของเรา
- ลิงค์แท็ก: หากเราต้องการเพิ่มลิงค์ที่ใดก็ได้บนเว็บไซต์ของเรา เราต้องเพิ่มแท็กนี้
นี่คือแท็กหลักบางส่วนที่ใช้ในภาษา HTML สำหรับแต่ละแท็กที่เราเปิด เราต้องจำไว้ว่าเราต้องปิด มิฉะนั้น เราจะรวมแท็กดังกล่าวไม่ถูกต้อง การทำอย่างถูกต้องจะทำให้ได้ภาษา HTML ที่มีโครงสร้างดี รหัสที่เขียนไม่ดีสามารถสร้างข้อผิดพลาดในการสร้างหน้าได้ นอกจากนี้ เบราว์เซอร์ไม่รู้จักมัน และเราจะแสดงหน้าจอว่างหรือหน้าจะแสดงโดยตรงตามที่เป็นอยู่
ตอนนี้คุณรู้แล้วว่า HTML คืออะไร มีไว้เพื่ออะไร และแท็กพื้นฐานบางส่วนแล้ว คุณก็เข้าใจโครงสร้างพื้นฐานของภาษานี้ที่เรากำลังพูดถึงแล้ว เมื่อคุณทราบสิ่งนี้แล้ว เราขอแนะนำให้คุณใช้ป้ายกำกับต่างๆ ที่เราตั้งชื่อและเพิ่มป้ายกำกับใหม่ เพื่อสร้างและฝึกฝนสิ่งที่คุณได้เรียนรู้