HTML: Block and Inline

Daftar isi

HTML Dasar - This article is part of a series.

Part 3: This Article

Ada dua hal yang perlu dipahami sebelum menulis di dokumen HTML.

block elements like:

paragraphs <p>
lists: unordered (with bullet points) <ul> or ordered lists (with numbers) <ol>
headings: from 1st level <h1> to 6th level <h6>
articles <article>
sections <section>
long quotes <blockquote>

inline elements like:

Block elements itu bagian utama dari tiap dokumen yang bisa didefinisikan. Digunakan untuk skala yang lebih besar.

Inline elements itu bagian dari teks (tulisan), bisa memberi ‘hal’ yang berbeda. Biasanya digunakan pada satu atau beberapa kata.

<p>Have you seen this <a href="https://www.youtube.com">amazing video</a> on YouTube?</p>

Have you seen this on YouTube?

Opening and closing tags #

Semua elements memiliki opening tags and closing tags.

Ada juga yang disebut self-enclosing elements yang bisa digunakan pada inline elements.

	Have opening and closing tags	Self-enclosing
Block elements	`<p> </p>, <ul> </ul>, <ol> </ol>`	Impossible
Inline elements	`<a> </a>, <strong> </strong>, <em> </em>`	`<input>, <br>, <img>`

Selain hal di atas, ada pula…

<li> berisi items dari list yang dibuat oleh <ul> dan atau <ol>

Seperti ini penggunaannya:

<ul>
<li>barang 1</li>
<li>barang 2</li>
</ul>

Bentuk lainnya terdapat pada table, table rows, table cells yang sama dengan <table>, <tr> dan <td>.

HTML Dasar - This article is part of a series.

Part 3: This Article