Senin, 01 April 2019

Learn HTML5 part 5

Headings

Headings adalah elemen HTML yang digunakan untuk menampilkan judul dari sebuah konten. Elemen headings ada 6 jenis, yakni <h1><h2><h3><h4><h5> dan <h6>.
Elemen <h1> menunjukkan tingkat kepentingan yang lebih tinggi daripada <h2> dan seterusnya. Elemen <h1> umumnya akan ditampilkan dengan ukuran huruf yang lebih besar dibanding <h2>, dan begitu seterusnya sampai <h6>.
Bila kita hendak membuat judul sebuah konten, maka gunakanlah <h1> sebagai prioritas utama. Bila hendak membuat subjudul di dalam konten, maka gunakan <h2>, dan bila hendak membuat sub-subjudul, maka gunakan <h3>, dan seterusnya.

PRAKTEK

  • Pada editor terdapat contoh kode berisi <h1> dan <h2>. Jalankan kode dan lihat hasilnya.
  • Buatlah elemen <h3> hingga <h6> di bawah paragraf kedua. Jalankan dan bandingkan tampilan heading 1 sampai 6.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
    <h1>Judul Utama</h1>
      <p>Paragraf pertama.</p>
        
        <h2>Subjudul 1</h2>
        <p>Paragraf kedua.</p>
      <h3>Subjudul 2</h3>
        <h4>Subjudul 3</h4>
      <h5>Subjudul 4</h5>
      <h6>Subjudul 5</h6>
      <p> lebih gede paragraf daripada subjudul</p>
</body>
</html>

Tidak ada komentar:

Posting Komentar

503 valid RCPT Command Must Precede DATA

Jika suatu saat program email Anda (terutama Microsoft Outlook) mengalami error “503 valid RCPT Command Must Precede DATA” pada saat pengir...