Skip to content

บทเรียน Html: เริ่มต้นสร้างเว็บไซต์ด้วยการใช้งาน Html

มาเรียนเขียนเว็บด้วย HTML 5 !! ฉบับที่เร็วที่สุด !

บทเรียน Html

บทเรียน HTML: แนวคิดและประวัติศาสตร์ของ HTML

HTML (HyperText Markup Language) เป็นภาษาคอมพิวเตอร์ที่ใช้ในการสร้างและจัดกลุ่มเนื้อหาบนเว็บไซต์ ภาษานี้ใช้ในการกำหนดโครงสร้างและรูปแบบของข้อมูล เช่น ตัวหนังสือ รูปภาพ ลิ้งค์ และอื่นๆ เพื่อให้บราวเซอร์สามารถแสดงผลเว็บไซต์ได้ตามที่ผู้สร้างตั้งใจ

แนวคิดและประวัติศาสตร์ของ HTML

แนวคิดหลักของ HTML คือการแสดงผลเนื้อหาบนเว็บไซต์อย่างมีระเบียบ โดยใช้รหัสต่างๆ (แท็ก) เพื่อกำหนดหน้าตาและผู้ใช้สามารถเข้าถึงเนื้อหาได้อย่างง่ายดาย โดยส่วนใหญ่ HTML เป็นภาษาล้วนหน้า ที่ไม่สามารถแสดงผลแบบมากกว่าข้อความปกติได้ อย่างไรก็ตาม สามารถผสมใช้กับภาษาอื่นๆ เช่น CSS หรือ JavaScript เพื่อเพิ่มความสามารถให้กับหน้าเว็บได้

HTML ก่อตั้งโดยผู้พัฒนาชื่อว่า ทิม เบอร์นัร์ส ลี พร้อมกับร่วมพัฒนา URL, HTTP และ HTML เวอร์ชันแรกของภาษานี้ในปี 1990 โดยในช่วงแรกๆ HTML มีฟังก์ชั่นหลัก ๆ คือ การลิงค์ระหว่างเอกสาร เป็นต้น ในอีกไม่กี่ปีถัดมา มีผู้พัฒนานำมาเพิ่มฟังก์ชั่นต่างๆ เช่น รายการลำดับและส่วนของตัวหนังสือ เป็นต้น ซึ่งทำให้ HTML เริ่มเป็นที่รู้จักอย่างกว้างขวางในยุคเริ่มต้นของเน็ตเวิร์ค

ทำความรู้จักกับโครงสร้างพื้นฐานของ HTML

HTML มีโครงสร้างพื้นฐานที่เป็นไปตามสัญญาเอกสารมาตรฐาน (DTD) โครงสร้างพื้นฐานของ HTML รวมถึงแท็กที่ใช้ในการอธิบายโครงสร้างและรูปแบบของข้อมูล ต่อไปนี้คือโครงสร้างพื้นฐานของ HTML:

1. ส่วนหัว (Head) – ส่วนที่ใช้ในการกำหนดคุณสมบัติของหน้าเว็บไซต์ เช่น การตั้งชื่อเว็บไซต์ คำอธิบาย และคีย์เวิร์ด

2. ส่วนที่ตัวหนังสือ (Body) – ส่วนที่ใช้ในการกำหนดเนื้อหาของหน้าเว็บไซต์ เช่น ข้อความ รูปภาพ ลิ้งค์ ตาราง เป็นต้น

3. แท็ก (Tags) – องค์ประกอบของ HTML ซึ่งใช้ในการกำหนดเนื้อหาแต่ละประเภท เช่น

ใช้ในการกำหนดบรทัดใหม่ของข้อความ และ ใช้ในการแทรกรูปภาพ

4. องค์ประกอบหลัก (Elements) – สิ่งที่สร้างขึ้นโดยการผสมแท็กที่เปิดและปิดกัน เช่น

และ

ความสามารถขององค์ประกอบหลักนี้ต้องการการใช้งานผ่านแท็กใบกำกับเพิ่มเติม เพื่อกำหนดลักษณะและพฤติกรรมต่างๆ ของเนื้อหา

ตัวละครใน HTML: แท็กและองค์ประกอบหลัก

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

เป็นแท็กที่ใช้กำหนดเนื้อหาข้อความแบบย่อหยิบของหน้าเว็บไซต์ โดยแท็กจะใช้เป็นคู่ เช่น

ตัวหนังสือ

แอคทิงเนื้อหาตรงกลางการใช้องค์ประกอบหลัก

HTML 5: ความต่างจากเวอร์ชันก่อนหน้าและคุณสมบัติพิเศษ

HTML 5 เป็นเวอร์ชันล่าสุดของภาษา HTML ซึ่งมีความสามารถเพิ่มเติมและปรับปรุงเวอร์ชันก่อนหน้า คุณสมบัติพิเศษของ HTML 5 ประกอบด้วย:

1. การสนับสนุนแท็กใหม่ – HTML 5 มีแท็กใหม่เช่น