Membuat Heading, Paragraf, Fieldset, dan List dengan HTML


Halo sobat Artikel Multimedia, semoga hari-harimu menyenangkan. Untuk postingan kali ini kita akan belajar membuat heading, paragraf, filedset, dan list dengan html. Berikut gambaran dari tampilan website yang akan dibuat: 


Jenis-jenis tag yang akan digunakan, yaitu: 

  • <h1></h1>,<h2></h2>,…,< h6></h6> : untuk membuat judul ataupun sub-judul
  • <p></p> : untuk membuat paragraf
  • <fieldset> : untuk membuat kotak pada konten
  • <legend> : untuk membuat judul fieldset
  • <ol></ol>,<ul></ul>,<li></li> : untuk membuat list dengan angka ataupun simbol bullet

Adapun penulisan html-nya sebagai berikut: 

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Kuliner Indonesia</title>
</head>
 
<body>
    <h1>Halo selamat datang di website kuliner indonesia</h1>
    <p style="text-align: justify">Indonesia merupakan salah satu negara yang kaya akan kulinernya. Wilayah yang
        terbentang dari sabang hingga
        merauke dan memiliki 1.340 suku bangsa tentu juga kaya akan rempah-rempah. Hal inilah yang menjadikan indonesia
        memiliki beragam kuliner dengan cita rasa khas nan memikat. </p>
    <fieldset>
        <legend>Daftar Kuliner Populer</legend>
        <ul>
            <li>
                <h4>Daftar Makanan</h4>
                <ol>
                    <li>Rendang</li>
                    <li>Nasi Goreng</li>
                    <li>Bakso</li>
                    <li>Sate</li>
                </ol>
            </li>
            <li>
                <h4>Daftar Minuman</h4>
                <ol>
                    <li>Es Cendol</li>
                    <li>Es Doger</li>
                    <li>Sekoteng</li>
                    <li>Wedang Jahe</li>
                </ol>
            </li>
        </ul>
    </fieldset>
</body>
 
</html>

Sekian penjelasan tentang cara membuat heading, paragraf, filedset, dan list dengan html. Jika sobat tertarik dengan artikel seputar multimedia silakan kunjungi postingan kami lainnya di blog ini. Terima kasih …

Posting Komentar

0 Komentar