GO Blog

Posting ini hanya sebuah posting yang saya buat untuk kembali membahas markup yang mungkin terkadang sering kita abaikan padahal inilah adlah hal yang cukup penting yang menjadikan apa yang kita buat dan desain bisa terbaca secara baik.

Sebelum anda membuat sebuah rancangan atau sebagainya lebih baiknya pahami terlebih dahulu tag html berikut

Deskrisi	Tag HTML
Blok paragraf	<p>…</p>
Daftar terurut	<ol><li>…</li><li>…</li></ol>
Daftar tidak terurut	<ul><li>…</li><li>…</li></ul>
Daftar definisi	<dl><dt>…</dt><dd>…</dd><dd>…</dd> <dt>…</dt><dd>…</dd><dd>…</dd></dl>
Kutipan	<q>…</q>
Blok kutipan	<blockquote><p>…</p></blockquote>
Teks tebal	<strong>…</strong>, <b>…</b>
Teks miring	<em>…</em>, <i>…</i>
Teks bebas	<pre>…</pre>
Blok kode	<pre><code>…</code></pre>
Kepanjangan dari	<abbr title="">…</abbr>
Teks penting	<mark>…</mark>
Teks Kode	<code>…</code>
Teks tombol papan ketik	<kbd>…</kbd>
Teks dihapus	<del>…</del>
Teks superskrip	<sup>…</sup>
Teks subskrip	<sub>…</sub>
Teks Pranala	<a href="" title="">…</a>
Penanda gambar	<img src="" alt="" width="" height=""…/>
Figure/Lampiran	<figure>…<figcaption>…</figcaption></figure>

Mungkin tidak mudah menghafal atau memahami tag tag di atas tapi jika belajar terus menerus seperti saya sebelumnya ini akan menjadi lebih mudah...

untuk menggunakan ini tinggal anda ganti hellip (...) dengan teks atau tulisan yang anda inginkan.