formatting a page จัดรูปแบบหน้าใน HTML
บทความนี้อธิบายความเข้าใจจากการศึกษาด้วยตัวเอง
ถ้าอธิบายเนื้อหาผิดช่วยแนะนำ🙏
เรียนรู้เกี่ยวกับการจัดรูปแบบหน้าใน HTML
HTML มีแท็กมากมายที่คุณสามารถใช้เพื่อจัดรูปแบบและจัดโครงสร้างหน้าเว็บของคุณ เมื่อใช้แท็กเหล่านี้ คุณสามารถสร้างหัวเรื่อง ย่อหน้า รายการ ลิงก์ รูปภาพ และอื่นๆ
ต่อไปนี้คือตัวอย่างโครงสร้างหน้าเว็บพื้นฐาน
แสดงผลหน้าเว็บ
ในตัวอย่างนี้ เราใช้แท็ก < h1 > เพื่อสร้างหัวข้อหลัก และแท็ก < p > เพื่อสร้างย่อหน้า เรายังใช้แท็ก < h2 > เพื่อสร้างหัวข้อย่อย และแท็ก < ul > และ < li > เพื่อสร้างรายการที่ไม่เรียงลำดับ
ในการจัดรูปแบบข้อความใน HTML คุณสามารถใช้แท็กต่างๆ เช่น < b > สำหรับข้อความตัวหนา < i > สำหรับข้อความตัวเอียง และ < u > สำหรับข้อความที่ขีดเส้นใต้ นี่คือตัวอย่าง แสดงออกหน้าเว็บตามภาพด้านบน
แท็กเปิด < p > text < b >list 1< /b > text < i >list 2< /i > and text
< u >list 3< /u > < / p >แท็กปิด
หากต้องการเพิ่มลิงก์ไปยังหน้าเว็บของคุณ คุณสามารถใช้แท็ก < a > ในลักษณะนี้
< a href = " https : / / www.google.com " > คลิกที่นี่เพื่อไปที่ Google < /a >
สุดท้าย ในการเพิ่มรูปภาพไปยังหน้าเว็บของคุณ คุณสามารถใช้แท็ก < img > ในลักษณะนี้
< img src = " image.jpg " alt = " ภาพของฉัน " >
ดูโค้ดตัวอย่างที่อยู่บนปก
ในตัวอย่างนี้ เราได้ระบุแหล่งที่มาของรูปภาพโดยใช้แอตทริบิวต์ src และเราได้จัดเตรียมข้อความแสดงแทนสำหรับโปรแกรมอ่านหน้าจอโดยใช้แอตทริบิวต์ alt
เมื่อใช้แท็กและแอตทริบิวต์ HTML เหล่านี้ คุณจะสามารถสร้างหน้าเว็บที่มีรูปแบบและมีโครงสร้างที่ดีซึ่งอ่านและนำทางได้ง่าย
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2024 Blockdit
