Pengkodean dalam tag html blog

Pengkodean dalam tag html blog

HTML

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


DeskrisiTag 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.

Artikel Terkait

  • Syntax Highlighter sederhana
    Apa itu Syntax Highlighter? para blogger seringkali berbagi script atau potongan kode untuk pembaca atau siapapun yang membutuhkannya untuk pengembangan dan tampilan web atau blog. Kebanyakan menggunakan blockquote sebagai "bidang pembungkus" dari script atau potongan kode tersebut dan menandai dengan beberapa warna khusus sebagai indikator at…
  • Membuat Form di HTML (tag form)
    Pengertian tag <form> Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form> dan diakhiri dengan </form>. Tag form akan membutuhkan beberapa atribut untuk dapat berfungsi dengan seharusnya. Atribut pertama adalah action, yang berfungsi untuk menjelaskan kemana data form akan dikirimkan. Biasanya n…
  • Pengertian DTD atau DOCTYPE
    Tag paling awal dari contoh HTML diatas adalah DTD atau DOCTYPE. DTD adalah singkatan dari Document Type Declaration. Yang berfungsi untuk memberi tahu kepada web browser bahwa dokumen yang akan diproses adalah HTML. DTD memiliki banyak versi tergantung kepada versi HTML yang kita gunakan. Pada contoh diatas, kita menggunakan DTD versi HTML 5…
  • Menambahkan Gambar di HTML
    Atribut src dalam tag <img> Atribut src adalah singkatan dari source, merupakan atribut yang berisi alamat dari gambar yang akan ditampilkan. Alamat ini bisa relatif atau absolute. (perbedaan tentang alamat relatif dan alamat absolute telah kita bahas pada Belajar HTML: Cara Membuat link di HTML). Untuk contoh kode HTML tentang image i…
  • Membuat Komentar di HTML
    Seperti pada bahasa pemograman lainnya, umumnya kita akan sering lupa tentang cara kerja kode yang kita buat sendiri setelah beberapa bulan berikutnya. Untuk mengatasinya, kita bisa akan menyisipkan penjelasan pada sebuah komentar di sekitar kode tersebut. HTML juga mempunyai tag khusus untuk komentar. Dalam tutorial belajar HTML: cara menamba…
  • Pengertian tag Atribut dalam HTML
    Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan name=”value”. Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“). Contoh kode HTML: <a hr…

Tidak ada komentar :


Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT

Back to Top
Loading...