Tabulasi Pengkodean dalam Blog

on 15.55 , Tidak ada komentar
code with syntax highlighter
code with syntax highlighter

Jika ada sobat blogger yang belum mengetahui beberapa jenis pengkodean di dunia blogging, berikut saya akan bagikan ke sobat semua,  mengenai pemberian markup pada dokumen HTML, termasuk posting blog. Kode ini berfungsi agar dokumen tampak lebih semantik dan aksesibel. Dan b isa jadi kita jarang sekali memikirkan  bahkan menggunakan beberapa tag serta simbol HTML berikut dalam postingan. Berikut beberapa kode dan deskripsinya:

/+SIMBOL BEBERAPA TANDA BACA DAN DESKRIPSI+/
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=""…/>


TabelMenata pembuatan tabel dalam blog


Figure/Lampiran<figure>…<figcaption>…</figcaption></figure>

Kita tinggal menyisipkan teks dalam  dalam tag html tabel di atas. Sedangkan pada figure dapat dimasukkan gambar, audio, video, blok kutipan, dan sebagainya sebagai fungsi lampiran dari suatu dokumen HTML (sebelum figcaption atau deskripsi lampiran).

Kemudian tabel berikut merupakan beberapa pengkodean tanda baca yang sering digunakan dengan menekan tombol tertentu pada papan ketik. Tetapi hal tersebut mungkin bukan aktivitas yang tepat untuk memaknai dokumen html, terutama dalam posting blog.

/+SIMBOL BEBERAPA TANDA BACA+/
DeskripsiTandaSimbol HTMLNumerik


Ampersand&&amp;&#38;


Spasi&nbsp;&#160;


Lebih kurang±&plusmn;&#177;


Pecahan ¼¼&frac14;&#188;


Pecahan ½½&frac12;&#189;


Pecahan ¾¾&frac34;&#190;


Perkalian×&times;&#215;


Pembagian÷&divide;&#247;


Tanda pisah En–&ndash;&#8211;


Tanda pisah Em—&mdash;&#8212;


Tanda petik pembuka tunggal‘&lsquo;&#8216;


Tanda petik penutup tunggal’&rsquo;&#8217;


Tanda petik pembuka ganda“&ldquo;&#8220;


Tanda petik penutup ganda”&rdquo;&#8221;


Ellipsis…&hellip;&#8230;


Menit′&prime;&#8242;


Detik″&Prime;&#8243;

Beberapa uraian penjelas tentang penggunaan simbol beberapa tanda baca adalah sebagai berikut:
  • Perkalian &times; akan lebih baik daripada menekan tombol X pada papan ketik.
  • Pembagian &divide; akan lebih baik daripada menekan tombol / pada papan ketik.
  • Tanda petik, menit, atau detik &lsquo;, &rsquo;, &ldquo;, &rdquo;, &prime;, dan &Prime; akan lebih baik daripada menekan tombol ' dan " pada papan ketik.
  • Tanda pisah &ndash; dan &mdash; akan lebih baik daripada menekan tombol - pada papan ketik.
    • Penggunaan &ndash; yang berarti “sampai dengan”, contoh: 2014 – 2015
    • Penggunaan &mdash; untuk menjelaskan suatu kata atau frase kata di luar bangun kalimat, contoh:
      Saya karyawan swasta — Manager Perkebunan — yang menyukai dunia Blogging


Saya pikir semua orang harus belajar coding, Karena coding mengajarkan anda berpikir.
Steve Jobs, pendiri Apple.

Source: Optimasi Blog

Tidak ada komentar :

Posting Komentar

Langganan: Posting Komentar ( Atom )