หากคุณต้องการสร้างเว็บไซต์ การเรียนรู้ HTML เป็นสิ่งที่หลีกเลี่ยงไม่ได้ แม้ว่าคุณจะใช้เครื่องมือเช่น Dreamweaver เพื่อสร้างเว็บไซต์ การทำความเข้าใจความรู้ HTML พื้นฐานจะทำให้คุณรู้สึกผ่อนคลายมากขึ้นในระหว่างกระบวนการสร้างเว็บไซต์และช่วยให้คุณสร้างเว็บไซต์ได้ดีขึ้น
ในบทความนี้เราจะเรียนรู้เกี่ยวกับองค์ประกอบที่สำคัญของ HTML - องค์ประกอบ องค์ประกอบถูกใช้เพื่อจัดโครงสร้างเอกสาร HTML และบอกเบราว์เซอร์ถึงวิธีการแสดงหน้าเว็บ โดยทั่วไป องค์ประกอบจะประกอบด้วยแท็กเริ่มต้น เนื้อหา และแท็กปิด
1. “ฉลาก” คืออะไร?
แท็กระบุจุดเริ่มต้นและจุดสิ้นสุดขององค์ประกอบ
แท็กทั้งหมดมีรูปแบบเดียวกัน: เริ่มต้นด้วยเครื่องหมายน้อยกว่า "<" และลงท้ายด้วยเครื่องหมายมากกว่า ">"
โดยทั่วไปแล้ว แท็กมีสองประเภท - แท็กเริ่มต้น (เช่น <html>) และแท็กปิด (เช่น </html>) ข้อแตกต่างเพียงอย่างเดียวคือแท็กสุดท้ายมีเครื่องหมายทับ "/ คุณทำเครื่องหมายเนื้อหาโดยวางไว้ระหว่างแท็กแรกและแท็กสุดท้าย
HTML ส่วนใหญ่ประกอบด้วยองค์ประกอบต่างๆ ดังนั้นการเรียนรู้ HTML จึงหมายถึงการเรียนรู้การใช้องค์ประกอบต่างๆ
ตัวอย่างเช่น: ตัวอย่างเช่น ฟังก์ชันขององค์ประกอบ b คือการบอกเบราว์เซอร์ว่าข้อความระหว่างแท็ก <b> และ </b> ควรแสดงเป็นตัวหนา (ตัว "b" ในที่นี้หมายถึง "ตัวหนา")
ตัวอย่างที่ 1:
<b>ประโยคนี้ปรากฏเป็นตัวหนา </ข>
ตัวอย่างนี้จะปรากฏในเบราว์เซอร์ดังนี้:
หน้าที่ขององค์ประกอบ h1, h2, h3, h4, h5 และ h6 คือการแสดงชื่อเรื่อง (h ในที่นี้หมายถึง "ส่วนหัว") ในหมู่พวกเขา h1 เป็นส่วนหัวระดับแรกที่มีแบบอักษรที่ใหญ่ที่สุด h2 เป็นส่วนหัวระดับที่สองโดยมีแบบอักษรเล็กกว่าส่วนหัวระดับแรกเล็กน้อย และ h6 เป็นส่วนหัวระดับที่หกซึ่งเป็นระดับสุดท้าย หัวเรื่องและมีแบบอักษรที่เล็กที่สุด
ตัวอย่างที่ 2:
<h1>นี่คือชื่อ</h1>
<h2>นี่คือคำบรรยาย</h2>
ตัวอย่างนี้จะปรากฏในเบราว์เซอร์ดังนี้:
ดังคำกล่าวที่ว่าทุกสิ่งย่อมมีข้อยกเว้น ใน HTML มีข้อยกเว้น กล่าวคือ องค์ประกอบบางอย่างไม่มีแท็กต่อท้าย องค์ประกอบเหล่านี้ที่ไม่มีแท็กต่อท้ายเรียกว่าองค์ประกอบว่าง และไม่เกี่ยวข้องกับเนื้อหาข้อความเฉพาะ เช่น แท็กตัวแบ่งบรรทัดต่อไปนี้: <br />
2. ตัวอักษรในฉลากควรเป็นตัวพิมพ์ใหญ่หรือตัวพิมพ์เล็ก?
เบราว์เซอร์ส่วนใหญ่ไม่ว่าแท็กจะเป็นตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก หรือตัวพิมพ์ผสม ดังนั้น <HTML>, <html> หรือ <HtMl> จะแสดงเหมือนกันบนเบราว์เซอร์ อย่างไรก็ตาม วิธีเขียนฉลาก ที่ถูกต้อง คือการใช้อักษรตัวพิมพ์เล็ก ดังนั้น จงสร้างนิสัยใน การเขียนฉลากด้วยอักษรตัวพิมพ์เล็ก
3.จะติดฉลากตรงไหน?
คุณควรเขียนแท็กในเอกสาร HTML เว็บไซต์อาจมีเอกสาร HTML หลายชุด กระบวนการท่องอินเทอร์เน็ตจริงๆ แล้วเป็นกระบวนการเปิดเอกสาร HTML ต่างๆ