ยินดีต้อนรับนักเรียนเข้าสู่บทเรียนออนไลน์ เรื่อง การสร้าง webpage ด้วยภาษา html ทำการคลิกเลือกหัวข้อที่ต้องการศึกษา

การจัดรูปแบบเอกสาร

                การจัดรูปแบบตัวอักษรในภาษา html ทำได้ดังนี้
                1. ตัวอักษรแบบหนา รูปแบบคำสั่ง
                    1.1 <b>ข้อความหนา</b>
                    1.2 <strong>ข้อความหนา</strong>
                2. ตัวเอียง รูปแบบคำสั่ง
                    2.1 <i>ข้อความเอียง</i>
                    2.2 <em>ข้อความเอียง</em>
                3. ตัวขีดเส้นใต้
                    <u>ข้อความขีดเส้นใต้</u>
                
                การจัดรูปแบบตัวอักษรเพิ่มเติมด้วย css
                <style>
                    .highlight {
                        font-family: Arial, sans-serif;//รูปแบบ font
                        font-size: 18px;//ขนาด font
                        font-weight: bold;//ตัวหนา
                        color: red;//สีตัวอักษร
                        text-transform: uppercase;//ตัวพิมพ์ใหญ่
                        text-decoration: underline;//ข้อความขีดเส้นใต้
                    }
                </style>
                
                การแทรกรูปภาพ มีรูปแบบคำสั่งดังนี้
                1. <IMG SRC="image/01.jpg" ALIGN="MIDDLE"> ข้อความนี้อยู่ส่วนกลางของรูปภาพ (MIDDLE)
                2. <IMG SRC="image/01.jpg" ALIGN="TOP"> ข้อความนี้อยู่ส่วนบนของรูปภาพ (TOP) 
                3. <IMG SRC="image/01.jpg" ALIGN="BOTTOM"> ข้อความนี้อยู่ส่วนล่างของรูปภาพ (BOTTOM) 
                4. <IMG SRC="image/01.jpg" ALIGN="LEFT"> เป็นการกำหนดรูปภาพให้ชิดซ้าย และ ข้อความนี้อยู่ส่วนบนของรูปภาพ (TOP)
                5. <IMG SRC="image/01.jpg" ALIGN="RIGHT"> เป็นการกำหนดรูปภาพให้ชิดขวา และ ข้อความนี้อยู่ส่วนบนของรูปภาพ (TOP)
            

ข้อความที่ถูกจัดรูปแบบด้วย CSS