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

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

วิธีเขียนโค้ด HTML

การสร้างและบันทึกเอกสาร HTML ใหม่

เปิดโปรแกรมแก้ไขข้อความ คุณสามารถใช้โปรแกรมแก้ไขข้อความที่ติดตั้งไว้ล่วงหน้าในระบบของคุณเพื่อเขียน HTML บน Windows คุณสามารถเปิด Notepad บน Mac ให้เปิด TextEdit ใช้ขั้นตอนต่อไปนี้เพื่อเปิดโปรแกรมแก้ไขข้อความ:

Windows: คลิกไอคอน Windows Start พิมพ์ “แผ่นจดบันทึก” คลิกแผ่นจดบันทึก Mac: คลิกแว่นขยายที่มุมขวาบน พิมพ์ “TextEdit” ในแถบค้นหาแล้วกด Enter คลิกเอกสารใหม่ พิมพ์ที่ส่วนปลายของหน้า แท็กนี้บอกเว็บเบราว์เซอร์ว่าเอกสารประเภทนั้นเป็นเอกสาร HTML คลิก File ในแถบเมนูด้านบน คลิก บันทึกเป็น ในเมนู”ไฟล์”พิมพ์ชื่อสำหรับเอกสาร คุณจะต้องสร้างเอกสาร HTML แยกต่างหากสำหรับแต่ละหน้าของเว็บไซต์ของคุณ ในหลายเว็บไซต์ หน้าแรกจะมีชื่อว่า “index.html” แต่คุณสามารถตั้งชื่ออะไรก็ได้ตามต้องการ ป้อนชื่อไฟล์ที่คุณต้องการตั้งชื่อเอกสารถัดจาก “ชื่อไฟล์” คลิกบันทึก ซึ่งจะบันทึกเอกสารเป็นเอกสาร HTML จากนี้ไป ถ้าคุณต้องการบันทึกงานของคุณ เพียงคลิกไฟล์ ตามด้วยบันทึก

การเขียนข้อความ

พิมพ์

ในส่วนเนื้อหาเพื่อเพิ่มส่วนหัว เนื้อหาทั้งหมดของเอกสาร HTML จะอยู่ระหว่าง “” และ “” แท็ก “

” เป็นแท็กเปิดสำหรับเขียนส่วนหัว เขียนหัวเรื่องหลังแท็กส่วนหัว ข้อความที่คุณเขียนหลังแท็ก “ ” จะปรากฏในรูปแบบส่วนหัวขนาดใหญ่ หากคุณต้องการให้ชื่อหน้าเว็บของคุณปรากฏที่ด้านบนด้วยตัวอักษรขนาดใหญ่ ให้เขียน “ Type 

 เพื่อปิดแท็กส่วนหัว เว้นแต่คุณต้องการให้ข้อความทั้งหมดของเอกสาร HTML ปรากฏใน รูปแบบส่วนหัว คุณจะต้องปิดแท็กส่วนหัว พิมพ์ “

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

เพื่อเพิ่มข้อความย่อหน้า เมื่อคุณต้องการเพิ่มข้อความย่อหน้าใน HTML ให้ใช้แท็ก “

” เป็นช่องเปิดสำหรับข้อความย่อหน้า พิมพ์ข้อความย่อหน้าของคุณ ข้อความใดๆ ที่คุณพิมพ์หลังแท็ก “

” จะถูกจัดรูปแบบเป็นข้อความย่อหน้า คุณสามารถเพิ่มข้อความได้มากเท่าที่คุณต้องการ พิมพ์

เพื่อปิดข้อความย่อหน้า เมื่อคุณเขียนข้อความย่อหน้าเสร็จแล้ว ให้ใช้แท็ก “

” เพื่อปิดแท็กย่อหน้า “

” การเพิ่มรายชื่อ คุณสามารถเพิ่มรายการลำดับเลขหรือหัวข้อย่อยลงใน HTML ของคุณได้ ใช้ขั้นตอนต่อไปนี้เพื่อเพิ่มรายการใน HTML ของคุณ

HTML คืออะไร

Tim Berners-Lee, Robert Cailliau และคนอื่นๆ สร้าง HTML เป็นครั้งแรกในปี 1989 Hyper Text Markup Language คืออะไร มันย่อมาจาก ไฮเปอร์เท็กซ์หมายความว่าเอกสารมีลิงก์ที่นำผู้อ่านไปยังส่วนอื่นๆ ของเอกสารเดียวกันหรือไปยังเอกสารที่แตกต่างกันโดยสิ้นเชิง HTML5 เป็นเวอร์ชันล่าสุด

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

HTML ใช้สำหรับอะไร

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

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