August 27, 2020

// // Leave a Comment

Apa Itu article Pada HTML


<article>....</article> adalah digunakan untuk memberi markup sebuah indenpendent content. Artinya sebuah element yang dapat berdiri sebagai konten dan tidak terhubung dengan konten lain. Contohnya saat membuat postingan blog, komentar, related post, atau popular post. Sebuah widget yang bisa ditulis, dan di apit menggunakan element <article></article>

Contoh Menggunakan Element article

<article>
<h2>Cara Belajar HTML</h2>
<p>Singkatan HTML adalah Hyper Text Markup Language</p>
</article>

Contoh Lengkap Berbagai Konten

Postingan blog sampai kolom komentar

<!-- <main> element -->
<main id="content" class="group">
<!-- <article> element -->
<article id="post">
<!-- <header> untuk <article> element -->
<header>
<h1>Tutorial Belajar HTML</h1>
<p>Di tulis oleh: Raynold,
<time datetime="2020-08-25T19:00:>25 Agustus 2020, pkl.19:00</time></p>
</header>
<p>Belajar HTML sebenarnya gampang sih, kalau kalian niat pasti bisa.</p>

<!-- <section> untuk <article> element -->
<section>
<h2>Komentar</h2>
<p>Berkomentarlah dengan kata-kata yang sopan</p>
<!-- article pada <section> element, komentar user gunakan <article> -->
<article>
<header>
<h4>Muhammad Raynold</h4>
<p><em><time datetime=2020-18-26T20:00>26 Agustus 2020, pkl 20:00</time></em></p>
</header>
<p> Wow sangat bermanfaat sekali artikel ini</p>
<footer>
<p><a href='https://www.raynold.net' rel='nofollow' >Raynold</a></p>
</footer>
</article> (penutup article bagian komentar)
</section>
</article> (penutup article bagian seluruh postingan blog>
</main>





0 comments:

Post a Comment