ล่าสุดการพัฒนาเว็บบทเรียน
×

HTML5 เกี่ยวกับการสอน

HTML บ้าน HTML บทนำ บรรณาธิการ HTML HTML ขั้นพื้นฐาน HTML องค์ประกอบ HTML แอตทริบิวต์ HTML หัวเรื่อง HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML รหัสคอมพิวเตอร์ HTML ความคิดเห็น HTML สี HTML CSS HTML การเชื่อมโยง HTML ภาพ ตาราง HTM​​L รายการ HTML HTML บล็อกและ Inline องค์ประกอบ HTML ชั้นเรียน HTML แบบ HTML อ่อนไหว HTML iframes HTML JavaScript HTML หัว HTML หน่วยงาน HTML สัญลักษณ์ HTML charset HTML URL เปลี่ยนเป็นรหัส HTML XHTML

HTML ฟอร์ม

HTML ฟอร์ม HTML องค์ประกอบของแบบฟอร์ม HTML รูปแบบการใส่ HTML แอตทริบิวต์การป้อนข้อมูล

HTML5

HTML5 แนะนำ HTML5 สนับสนุน HTML5 องค์ประกอบ HTML5 อรรถศาสตร์ การย้ายถิ่นของ HTM​​L5 HTML5 คู่มือสไตล์

HTML กราฟิก

HTML ผ้าใบ HTML SVG

HTML สื่อ

HTML สื่อ HTML วีดีโอ HTML เสียง HTML ปลั๊กอิน HTML YouTube

HTML APIs

HTML ตำแหน่งทางภูมิศาสตร์ HTML ลาก / Drop HTML เก็บข้อมูลท้องถิ่น HTML App ขุมทรัพย์ HTML คนงานเว็บ HTML SSE

HTML ตัวอย่าง

HTML ตัวอย่าง HTML ทดสอบ HTML5 ทดสอบ HTML สรุป

HTML คู่มืออ้างอิง

HTML รายการแท็ก HTML แอตทริบิวต์ เหตุการณ์ HTML HTML ผ้าใบ HTML เสียง / วิดีโอ HTML doctypes HTML สี HTML ชุดตัวอักษร HTML URL เปลี่ยนเป็นรหัส HTML รหัสภาษา HTTP ข้อความ HTTP วิธีการ PX to EM แปลง แป้นพิมพ์ลัด

ข้อความ HTML การจัดรูปแบบองค์ประกอบ

จัดรูปแบบข้อความ

This text is bold

This text is italic

This is superscript

HTML องค์ประกอบการจัดรูปแบบ

ในบทก่อนหน้านี้คุณได้เรียนรู้เกี่ยวกับการจัดแต่งทรงผม HTML, ใช้ HTML style แอตทริบิวต์

HTML นอกจากนี้ยังกำหนดองค์ประกอบพิเศษสำหรับการกำหนดข้อความที่มีความหมายพิเศษ

HTML ใช้องค์ประกอบเช่น <b> และ <i> การจัดรูปแบบการส่งออกเช่น bold หรือ italic ข้อความ

องค์ประกอบการจัดรูปแบบที่ถูกออกแบบมาเพื่อแสดงชนิดพิเศษข้อความ:

  • ข้อความเป็นตัวหนา
  • ข้อความสำคัญ
  • ตัวเอียง
  • ข้อความเน้น
  • ข้อความที่ทำเครื่องหมายไว้
  • ข้อความขนาดเล็ก
  • ข้อความที่ถูกลบ
  • ข้อความแทรก
  • ห้อย
  • ยก

HTML Bold และ Strong การจัดรูปแบบ

ใช้ HTML <b> องค์ประกอบที่กำหนด bold ข้อความได้โดยไม่ต้องให้ความสำคัญเป็นพิเศษใด ๆ

ตัวอย่าง

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>
ลองตัวเอง»

ใช้ HTML <strong> องค์ประกอบกำหนดข้อความที่แข็งแกร่งโดยมีการเพิ่มความหมายของ "strong" ความสำคัญ

ตัวอย่าง

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>
ลองตัวเอง»

HTML Italic และเน้นการจัดรูปแบบ

ใช้ HTML <i> องค์ประกอบที่กำหนดตัวเอียงโดยไม่มีความสำคัญใด ๆ เพิ่มเติม

ตัวอย่าง

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>
ลองตัวเอง»

ใช้ HTML <em> องค์ประกอบที่กำหนดเน้นข้อความที่มีความสำคัญเพิ่มความหมาย

ตัวอย่าง

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>
ลองตัวเอง»

เบราว์เซอร์แสดง <strong> เป็น <b> และ <em> เป็น <i>

แต่มีความแตกต่างในความหมายของแท็กเหล่านี้: <b> และ <i> กำหนดข้อความเป็นตัวหนาและเอียง
แต่ <strong> และ <em> หมายความว่าข้อความที่เป็น "important"


การจัดรูปแบบ HTML ขนาดเล็ก

ใช้ HTML <small> องค์ประกอบกำหนดข้อความขนาดเล็ก:

ตัวอย่าง

<h2>HTML <small>Small</small> Formatting</h2>
ลองตัวเอง»

HTML โดดเด่น การจัดรูปแบบ

ใช้ HTML <mark> องค์ประกอบที่กำหนดทำเครื่องหมายหรือไฮไลต์ข้อความ:

ตัวอย่าง

<h2>HTML <mark>Marked</mark> Formatting</h2>
ลองตัวเอง»

HTML ที่ถูกลบ การจัดรูปแบบ

ใช้ HTML <del> องค์ประกอบที่กำหนดลบ (removed) ข้อความ

ตัวอย่าง

<p>My favorite color is <del>blue</del> red.</p>
ลองตัวเอง»

HTML แทรก การจัดรูปแบบ

ใช้ HTML <ins> องค์ประกอบที่กำหนดแทรก (added) ข้อความ

ตัวอย่าง

<p>My favorite <ins>color</ins> is red.</p>
ลองตัวเอง»

HTML การจัดรูปแบบห้อย

ใช้ HTML <sub> องค์ประกอบกำหนดข้อความ subscripted

ตัวอย่าง

<p>This is <sub>subscripted</sub> text.</p>
ลองตัวเอง»

HTML ยกการจัดรูปแบบ

ใช้ HTML <sup> องค์ประกอบกำหนดข้อความ superscripted

ตัวอย่าง

<p>This is <sup>superscripted</sup> text.</p>
ลองตัวเอง»

ทดสอบตัวเองด้วยการออกกำลังกาย!

การใช้สิทธิ 1 » ใช้สิทธิ 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ใช้สิทธิ 5 »


ข้อความ HTML การจัดรูปแบบองค์ประกอบ

แท็ก ลักษณะ
<b> กำหนดข้อความเป็นตัวหนา
<em> กำหนดข้อความเน้น
<i> กำหนดตัวเอียง
<small> กำหนดข้อความที่มีขนาดเล็ก
<strong> กำหนดข้อความที่สำคัญ
<sub> กำหนดข้อความ subscripted
<sup> กำหนดข้อความ superscripted
<ins> กำหนดข้อความแทรก
<del> กำหนดข้อความที่ถูกลบ
<mark> กำหนดทำเครื่องหมายข้อความ / ไฮไลต์