วันอาทิตย์ที่ 2 สิงหาคม พ.ศ. 2558

Formatting Elements ของ ข้อความ ใน HTML

การ Formatting ข้อความ 

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











การทำตัวหนังสือให้หนา และ Strong

ตัวอย่าง

<p> นี้เป็นตัวหนังสือปกติ</p>
<p><b>นี้เป็นตัวหนังสือที่หน้าขึ้นแล้ว</b></p>

การทำตัวหนังสือให้มีความสำคัญ ก็จะมีลักษณะเช่นเดียวกับการทำตัวหนังสือหนา
ตัวอย่าง
<p>นี้เป็นข้อความธรรมดา</p>
<p><strong>นี้เป็นความความ strong แล้ว </strong></p>


การทำตัวหนังสือเอียงมีสองแบบคือ ltalic และ Emphasized
ตัวอย่าง
<p>นี้เป็นข้อความธรรมดา</p>
<p><i>นี้เป็นข้อความที่เป็นตัวเอียงแล้ว</i></p>

มีการทำให้ตัวหนังสือเอียงอีกวิธีคือ Emphasized
ตัวอย่าง
<p>นี้เป็นข้อความธรรมดา</p>
<p><em>นี้เป็นข้อความที่ทำให้ตัวหนังสือเอียงแล้ว</em><p>


*Browsers จะแสดง <strong> เหมือนกับ <b> และ <em> เหมือนกับ <i>
อย่างไรก็ตาม ความหมายจะแตกต่างกัน
<b> และ <i> บอกว่าตัวหนังสือหนาและเอียง
แต่ <strong> และ <em> มีความหมายความเป็นข้อความที่มีความสำคัญ


การทำ Small Formatting
เป็นการทำตัวหนังสือมีขนาดที่เล็กลง
ตัวอย่าง
<h1><small>ข้อความนี้ก็จะถูกทำให้เล็กลง</small></h1>


การทำ Marked Formatting
เป็นการทำให้ตัวหนังสือถูกเน้นข้อความขี้นมา(จะเป็นสีเหลืองทับตัวหนังสือ)
ตัวอย่าง
<p><mark>นี้เป็นส่วนสำคัญ<mark></p>

การทำ Deleted Formatting
เป็นการทำให้ความข้อนั้นถูกขีดฆ่า
ตัวอย่าง
<p><del>สีแดง</del>ไม่ถูกต้องต้องเป็นสีฟ้า</p>


การทำ Subscript Formatting
เรียกอีกอย่างได้ว่าเป็นการทำตัวหนังสือที่ห้อยลงมา
ตัวอย่าง
<p>โมเลกุลของน้ำมีสูตรดังนี้ H<sub>2</sub>O</p>


การทำ Superscript Formatting
หรือเรียกอีกอย่างว่า การทำตัวหนังสือยกขึ้น
ตัวอย่าง
<p>สองยกกำลังห้า สามารถเขียนได้เป็น <sup>2</sup>5 </p>










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

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