สวัสดีผู้อ่าน ในบล็อกที่ผ่านมาของฉัน เราได้เรียนรู้เกี่ยวกับพื้นฐานของ HTML และยังได้เรียนรู้มากมายเกี่ยวกับวิธีเขียนไวยากรณ์ HTML ฉันหมายถึงโครงสร้างของพวกมัน เรามาสรุปสั้นๆ กันในตอนแรก เราได้เรียนรู้เกี่ยวกับองค์ประกอบ แท็ก และแอตทริบิวต์ และเรายังได้เรียนรู้เกี่ยวกับวิธีการทำงานของเอกสาร HTML อีกด้วย ก้าวไปข้างหน้า ตรวจสอบโครงสร้างไวยากรณ์ต่อไปนี้ เพื่อให้เราสามารถก้าวไปข้างหน้าและเรียนรู้เกี่ยวกับการใช้แท็ก
เอาล่ะเราจะรออะไร เรามาเริ่มกันเลย……
ขออภัยล่วงหน้าหากฉันทำให้คุณกลัวระหว่างนั้น
ดูรายละเอียดหัวข้อย่อยต่อไปนี้-
- ส่วนหัว —
ตกลง ส่วนหัวใช้เพื่อประเมินความสำคัญของข้อความของคุณในไฟล์ HTML หัวข้อเหล่านี้ยังแบ่งออกเป็น 6 แท็กตามลำดับความสำคัญจากน้อยไปหามาก
เหตุใดส่วนหัวจึงมีความสำคัญ — ส่วนหัวถูกใช้เพื่อให้เนื้อหาในหน้าเว็บของคุณมีโครงสร้างที่เหมาะสม ในมุมมองจริง ผู้ดูมักจะข้ามบางส่วนของหน้าเว็บของคุณเพื่อดูส่วนหัว
(หมายเหตุ: เว็บเบราว์เซอร์จะเพิ่มระยะขอบทั้งสองด้านของส่วนหัวของคุณโดยอัตโนมัติ)
(คำเตือน: อย่าใช้ส่วนหัวเพื่อปรับขนาดข้อความของคุณ หรือเพียงเพื่อทำให้ดูโดดเด่นยิ่งขึ้นหรือโดดเด่นจากเนื้อหาของคุณ วัตถุประสงค์เพียงอย่างเดียวของส่วนหัวในฐานะโปรแกรมเมอร์ควรใช้เพียงเพื่อใช้เป็นส่วนหัวเป็น เว็บเบราว์เซอร์จะประเมินว่าเป็นข้อความที่สำคัญเท่านั้น ขึ้นอยู่กับประเภทของแท็กส่วนหัวที่คุณใช้)
ไวยากรณ์ -
‹h1›หัวข้อ 1‹/h1›
‹h2›หัวข้อ 2‹/h2›
‹h3>หัวข้อ 3‹/h3›
‹h4>หัวข้อ 4‹/h4›
‹h5›หัวข้อ 5‹/h5›
‹h6>หัวข้อ 6‹/h6›
ในที่นี้ องค์ประกอบ h1 ใช้เพื่อระบุส่วนหัวที่สำคัญที่สุดของเอกสารของคุณ และองค์ประกอบ h6 ใช้เพื่อระบุส่วนหัวที่มีความสำคัญน้อยที่สุด
2. ย่อหน้า —
เช่นเดียวกับเสียง แท็กนี้ใช้เพื่อทำให้บล็อกข้อความปรากฏเป็นย่อหน้า ย่อหน้าจะเริ่มต้นด้วยบรรทัดใหม่เสมอและจะจัดแนวเท่าๆ กัน
ไวยากรณ์ -
‹p›นี่คือย่อหน้า ‹/p›
(คำเตือน: ขณะใช้แท็กนี้ คุณจะสังเกตจำนวนช่องว่างที่คุณเพิ่มระหว่างคำหรือจำนวนบรรทัดที่คุณเพิ่มในแนวตั้ง บรรทัดเหล่านี้จะปรากฏในรูปแบบของย่อหน้า )
เพื่อที่จะขจัดปัญหาเหล่านี้ เรามีแท็กสองสามแท็กที่ใช้งานอยู่ โปรดตรวจสอบหัวข้อย่อย — 6
3. การจัดรูปแบบ —
แท็กเหล่านี้ใช้เพื่อจัดรูปแบบข้อความของคุณได้หลายวิธี มันเหมือนกับไฟล์คำของคุณที่คุณสามารถทำให้ข้อความใดๆ ปรากฏเป็นตัวหนา ตัวเอียง ไฮไลต์ หรือทำให้ดูเหมือนถูกลบไปแล้ว
ตอนนี้เราจะตรวจสอบแท็กเหล่านี้บางส่วน -
- ตัวหนา — ‹b›ตัวหนา‹/b›
- ตัวเอียง — ‹i›ตัวเอียง‹/i›
- ไฮไลท์ — ‹mark›ไฮไลท์‹/mark›
- ลบ — ‹del›‹/del›
- แทรกแล้ว — ‹ins›‹/ins›
- ตัวห้อย — ‹sub›‹/sub›
- ตัวยก — ‹sup›‹/sup›
- สองทิศทาง — ‹bdo›‹/bdo›
องค์ประกอบ (del และองค์ประกอบ ins อาจทำให้ข้อความของคุณปรากฏถูกแทรกหรือลบ แต่สำหรับเว็บเบราว์เซอร์นั้นใช้เพื่อระบุว่าคำเหล่านี้ถูกลบหรือแทรกใน HTML ของเรา เอกสาร)
4. การจัดรูปแบบ (รับรู้โดยเว็บเบราว์เซอร์) —
คุณอาจสงสัยว่าแท็กเหล่านี้คืออะไร แท็กเหล่านี้จึงจัดรูปแบบข้อความด้วย แต่มีฟังก์ชันที่แตกต่างออกไป
มีดังนี้-
- แข็งแกร่ง — ‹แข็งแกร่ง›‹/ แข็งแกร่ง›
- เน้น — ‹em›‹/em›
- เล็ก — ‹เล็ก›‹/เล็ก›
- ลบ — ‹del›‹/del› (กล่าวถึงก่อนหน้านี้)
- แทรกแล้ว — ‹ins›‹/ins› (กล่าวถึงก่อนหน้านี้)
องค์ประกอบ Strong ใช้เพื่อบอกเบราว์เซอร์ว่าข้อความที่อยู่ในนั้นเป็นข้อความที่สำคัญ ดังนั้นจึงทำให้ดูโดดเด่นยิ่งขึ้น
องค์ประกอบ เน้น ใช้เพื่อบอกเบราว์เซอร์ว่าข้อความที่อยู่ในนั้นก็เป็นข้อความที่สำคัญเช่นกัน และมีการบังคับในข้อความ ดังนั้นจึงทำให้ปรากฏเป็นตัวเอียง
องค์ประกอบ เล็ก ใช้เพื่อบอกเบราว์เซอร์ว่าข้อความในองค์ประกอบนั้นไม่สำคัญนัก ดังนั้นเพียงลดขนาดลงเท่านั้น
(ลบ และ แทรก องค์ประกอบได้ถูกกล่าวถึงในหัวข้อย่อย — 3)
5. การจัดรูปแบบสำเร็จรูป —
แท็กเหล่านี้เป็นแท็กสำเร็จรูปบางส่วนที่ใช้เพื่อบอกเบราว์เซอร์ว่ามีฟังก์ชันดังต่อไปนี้
องค์ประกอบ blockquote ใช้เพื่อแจ้งให้เบราว์เซอร์ทราบว่าข้อความดังกล่าวเป็นเครื่องหมายคำพูดที่มีชื่อเสียงซึ่งถูกใช้จากที่อื่น เพื่อให้ปรากฏเป็นเครื่องหมายคำพูด เบราว์เซอร์จะมีการเยื้องไว้
องค์ประกอบ q เหมือนกับองค์ประกอบ blockquote แต่ใช้สำหรับเครื่องหมายคำพูดขนาดเล็กเท่านั้น และไม่ได้ทำให้ปรากฏในตัวเอียง แต่เพียงกล่าวถึงด้วยเครื่องหมายคำพูดคู่
องค์ประกอบ abbr ใช้เพื่อกล่าวถึงเบราว์เซอร์ว่าข้อความที่อยู่ในนั้นเป็นตัวย่อหรือที่เรียกว่ารูปแบบสั้น
(เคล็ดลับ: คุณสามารถใช้แอตทริบิวต์ title ได้ในนั้น เนื่องจากเมื่อวางเมาส์เหนือตัวย่อ รูปแบบทั้งหมดจะปรากฏขึ้น)
องค์ประกอบ ที่อยู่ กล่าวถึงเบราว์เซอร์ว่าข้อความภายในเป็นที่อยู่ เพื่อให้ดูเหมือนที่อยู่ เบราว์เซอร์จะต้องขึ้นบรรทัดใหม่หลังแท็ก ‹address› และก่อน ‹/address › และทำให้ข้อความเป็นตัวเอียง
องค์ประกอบ อ้างอิง บอกกับเบราว์เซอร์ว่าข้อความข้างในเป็นผลงานที่มีชื่อเสียง (เช่น หนังสือ บทกวี เพลง ภาพยนตร์ ภาพวาด ประติมากรรม ฯลฯ)
มีดังต่อไปนี้ -
- Blockquote — ‹blockquote›‹/blockquote›
- q — <q></q>
- คำย่อ — ‹abbr›‹/abbr›
- ที่อยู่ — ‹ที่อยู่›‹/ที่อยู่›
- อ้างอิง — ‹cite›‹/cite›
6. พังและแก้ไข —
องค์ประกอบ ตัวแบ่ง เป็นองค์ประกอบว่างที่ไม่มีแท็กปิดท้าย ใช้เพื่อแยกประโยคและทำให้บรรทัดหลังตัวแบ่งปรากฏในบรรทัดถัดไป
คงที่องค์ประกอบใช้เพื่อทำให้เส้นปรากฏในความยาวและความกว้างคงที่ตามที่กล่าวไว้ในเอกสาร HTML ของเรา
- หยุดพัก — ‹br›
- แก้ไขแล้ว — ‹pre›‹/pre›
7. ความคิดเห็น —
ในขณะที่เขียนโค้ด หากมีหมายเหตุหรือความคิดเห็นสำหรับบรรทัดบางบรรทัดของโค้ดของคุณและคุณไม่ต้องการให้ปรากฏในเอาต์พุตของคุณ ให้ใช้องค์ประกอบ ความคิดเห็น
ไวยากรณ์ -
‹! — นี่คือความคิดเห็น — !›
ฉันรู้ว่ามันเป็นบล็อกที่ยาว แต่เชื่อฉันเถอะว่าฉันได้ครอบคลุมส่วนใหญ่ที่จำเป็นสำหรับคุณในการรู้เกี่ยวกับข้อความในรูปแบบ HTML บล็อกที่กำลังจะมีขึ้นของฉันจะครอบคลุมหัวข้อต่างๆ มากขึ้น ซึ่งฉันค่อนข้างมั่นใจว่าจะทำให้คุณมีความรู้มากขึ้น นอกจากนี้ ขออภัยด้วย แต่ฉันคิดว่าอีกไม่นานฉันก็จะเริ่มเขียนบล็อกในหัวข้อ DSA ด้วยเช่นกัน แม้จะไม่แน่ใจเกี่ยวกับเรื่องนี้ มาดูกันว่าอนาคตจะเป็นอย่างไรสำหรับฉัน ขออภัย ขออภัยด้วย
ขอบคุณสำหรับการอ่านและการเขียนโค้ดที่มีความสุข !!!