Lv.9 HTML Text

HTML Text รูปแบบอักษร การจัดรูปแบบข้อความต่างๆ สามารถทำได้โดย

  • <b> ข้อความเป็นตัวหนา
  • <strong> ข้อความสำคัญ
  • <i> ข้อความเป็นตัวเอียง
  • <em> เน้นข้อความ
  • <mark> มาร์คข้อความ
  • <small> ข้อความเป็นตัวเล็ก
  • <del> ขีดข้อความ
  • <ins> ขีดเส้นใต้ข้อความ
  • <sub> ข้อความห้อย
  • <sup> ข้อความเป็นตัวยก

HTML Text แท็ก <b>

กำหนดข้อความเป็นตัวหนา โดยไม่มีความสำคัญเป็นพิเศษ

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><b>ข้อความ</b></p>
	</body>
</html>

แท็ก <strong>

กำหนดข้อความที่มีความสำคัญมาก

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><strong>ข้อความ</strong></p>
	</body>
</html>

แท็ก <i>

ข้อความเอียง

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><i>ข้อความ</i></p>
	</body>
</html>

แท็ก <em>

เน้นย้ำข้อความ

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><em>ข้อความ</em></p>
	</body>
</html>

แท็ก <mark>

มาร์คข้อความให้เด่นชัด

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><mark>ข้อความ</mark></p>
	</body>
</html>

แท็ก <small>

ข้อความเล็กลง

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p>ข้อความปกติ</p>
		<p><small>ข้อความเล็กลง</small></p>
	</body>
</html>

แท็ก <del>

ขีดข้อความ

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><del>ข้อความปกติ</del></p>
	</body>
</html>

แท็ก <ins>

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

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p><ins>ข้อความปกติ</ins></p>
	</body>
</html>

แท็ก <sub>

ข้อความห้อย

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p>ข้อความปกติ<sub>ห้อย</sub></p>
	</body>
</html>

แท็ก <sup>

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

ตัวอย่าง

<!DOCTYPE html>
<html lang="th-TH">
	<head>
		<title>HTML Text Formatting การจัดรูปแบบข้อความต่างๆ</title>
	</head>
	<body>
		<p>ข้อความปกติ<sup>ยก</sup></p>
	</body>
</html>

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น

Top