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> |
Sedangkan pada figure dapat dimasukkan gambar, audio, video, blok kutipan, dan sebagainya sebagai fungsi lampiran dari suatu dokumen HTML (sebelum figcaption atau deskripsi lampiran)
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.
Belum ada tanggapan untuk "Pengkodean dalam tag html blog"
Post a Comment