วันอังคารที่ 3 กันยายน พ.ศ. 2556

การใช้งานแท็กในเบื้องต้น

                ในคราวนี้ เราจะลองมาใช้งานแท็กทั่วไปในการปรับแต่งข้อความตัวอักษรของเราให้เปลี่ยนไปในแบบต่างๆ เวลานี้เราจะเริ่มจะแท็กพื้นฐานง่ายๆ ก่อน

                <b></b> แท็กนี้เอาไว้ใช้สำหรับทำให้ข้อความเป็นตัวหนา
                เช่น


                <b>ข้อความนี้เป็นตัวหนา</b>


                ผลที่จะแสดงให้เห็นจะเป็นเช่นนี้


                ข้อความนี้เป็นตัวหนา


            <u></u> แท็กนี้ เอาไว้ใช้สำหรับขีดเส้นใต้ให้กับข้อความ
                เช่น


                <u>ข้อความนี้ถูกขีดเส้นใต้</u>


                ผลที่จะแสดงให้เห็นจะเป็นเช่นนี้


                ข้อความนี้ถูกขีดเส้นใต้


                <i></i> แท็กนี้ เอาไว้ใช้สำหรับทำให้ข้อความเป็นตัวเอียง
                เช่น


                <i>ข้อความนี้เป็นตัวเอียง</i>


                ผลที่แสดงออกมาจะเป็นเช่นนี้


                ข้อความนี้เป็นตัวเอียง


                <strike></strike> แท็กนี้ เอาไว้ใช้สำหรับการขีดเส้นทับข้อความ
                เช่น


                <strike>ข้อความนี้ถูกขีดทับ</strike>


                ผลที่แสดงออกมาจะเป็นเช่นนี้


                ข้อความนี้ถูกขีดทับ


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


                <b><i>ข้อความนี้เป็นทั้งตัวหนาและตัวเอียง</b></i>


                ผลที่แสดงออกมาจะเป็นเช่นนี้


                ข้อความนี้เป็นทั้งตัวหนาและตัวเอียง


                ในบางครั้ง หากมีการใส่แท็กแบบเปิดปิดเข้าไปในข้อความในคราวเดียวกันหลายแท็ก โดยเราได้เขียนรูปแบบแท็กโดยให้อยู่บรรทัดเดียวกับข้อความตลอด อาจจะทำให้เกิดความสับสนได้ ดังนั้น หลายคนจึงมีวิธีการเขียนแท็กแบบ inside out เพื่อที่จะช่วยให้สามรถจัดการแท็กได้ง่ายขึ้น ดังตัวอย่างด้านล่างนี้


                <b>
                      <i>
                          ข้อความนี้เป็นทั้งตัวหนาและตัวเอียง
                      </i>
                </b>


ไม่มีความคิดเห็น:

แสดงความคิดเห็น