html-heading-and-emphasis-forweb

HTML atau Hyper Text Markup Language adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Dalam pembuatan halaman web, elemen-elemen HTML sangat penting karena mereka digunakan untuk menunjukkan struktur dan informasi pada halaman web tersebut.

Salah satu elemen penting dalam HTML adalah heading atau judul, dan emphasis atau penekanan. Dalam artikel ini, kita akan membahas penggunaan kedua elemen tersebut.

  1. Heading atau Judul

Heading atau judul digunakan untuk menunjukkan struktur halaman web. Heading terdiri dari enam tingkatan, mulai dari heading level 1 (h1) hingga heading level 6 (h6). Semakin tinggi level heading, semakin kecil ukurannya.

Contoh penggunaan heading:

<!DOCTYPE html>
<html>
<head>
	<title>Contoh Halaman Web</title>
</head>
<body>
	<h1>Ini adalah Heading Level 1</h1>
	<h2>Ini adalah Heading Level 2</h2>
	<h3>Ini adalah Heading Level 3</h3>
	<h4>Ini adalah Heading Level 4</h4>
	<h5>Ini adalah Heading Level 5</h5>
	<h6>Ini adalah Heading Level 6</h6>
</body>
</html>

Contohnya seperti ini:

Output dari kode di atas akan menampilkan judul halaman web dengan urutan dari heading level 1 hingga heading level 6.

  1. Emphasis atau Penekanan

Emphasis atau penekanan digunakan untuk menyoroti atau memberikan penekanan pada teks tertentu pada halaman web. Emphasis dapat dilakukan dengan menggunakan elemen <em> atau <strong>.

Elemen <em> digunakan untuk memberikan penekanan pada teks dengan menekankannya secara visual, sedangkan elemen <strong> digunakan untuk memberikan penekanan pada teks dengan menekankannya secara kuat.

Contoh penggunaan emphasis:

<!DOCTYPE html>
<html>
<head>
	<title>Contoh Halaman Web</title>
</head>
<body>
	<p><em>Ini adalah teks yang ditekankan</em></p>
	<p><strong>Ini adalah teks yang ditekankan secara kuat</strong></p>
</body>
</html>

Contoh hasilnya:

Output dari kode di atas akan menampilkan teks yang ditekankan dan teks yang ditekankan secara kuat.

Dalam pembuatan halaman web, penggunaan heading dan emphasis sangat penting untuk memberikan struktur dan penekanan pada teks pada halaman web tersebut. Dengan penggunaan yang tepat, halaman web akan menjadi lebih mudah dibaca dan dipahami oleh pengunjungnya.

.

.

[sc name=”seri-belajar-html”][/sc]