Kode HTML standar untuk membuat posting nextwapblog

Kode html untuk posting nextwapblog.com.jpg

Berikut adalah kumpulan kode-kode standar html untuk membuat posting pada nextwapblog.com :

  1. 01.
<p>Paragraf text mu disini</p>

Kode diatas adalah kode membuat post dengan paragraf, seperti artikel dll. Untuk aligmen (perataan) teks sobat bisa gunakan kode berikut :

Paragraf

  1. 01.
  2. 02.
  3. 03.
<div style="text-align: center">
<p>Tulis teks paragarf dengan perataan tengahmu disini</p>
</div>

contoh :


Text align center.jpg
  1. 01.
  2. 02.
  3. 03.
<div style="text-align: left">
<p>Tulis teks paragarf dengan perataan teks kirimu disini</p>
</div>

Contoh :


Text align left.png
  1. 01.
  2. 02.
  3. 03.
<div style="text-align: right">
<p>Tulis teks paragarf dengan perataan teks kananmu disini</p>
</div>

contoh :


Text align right.png
  1. 01.
  2. 02.
  3. 03.
<div style="text-align: justify">
<p>Tulis teks paragarf dengan perataan teks kanan kirimu disini</p>
</div>

Contoh :


Text align justify.png

Style text

  1. 01.
<b>Teks tebal</b>

Contoh :


Bold text.png
  1. 01.
<i>Teks Miring</i>

contoh :


Italic text.png
  1. 01.
<u>Teks Bergaris bawah</u>

contoh :


underline text.jpg
  1. 01.
<strong>Teks tebal sama dengan <b></strong>

Contoh :


Strong text.png
  1. 01.
<small>Teks kecil</small>

Contoh :


Small text.jpg
  1. 01.
<em>Emphasis teks</em>

Contoh :


Emphasis text.png
  1. 01.
<blockquote>Warning teks mu disini</blockquote>

Contoh :


Blockquote text.jpg
  1. 01.
<a href="http://LINKMU DISINI">Link judul anchor mu disini</a>

Contoh :


Anchor text.jpg

Gambar

Gambar disebelah kiri

  1. 01.
  2. 02.
  3. 03.
<div style="text-align: left;">
<img src="http://SITUSMU/GAMNAR.JPG" alt="GAMBAR.png" />
<div>

Contoh :


Image align left.jpg

Gambar disebelah kanan

  1. 01.
  2. 02.
  3. 03.
<div style="text-align: right;">
<img src="http://SITUSMU/GAMNAR.JPG" alt="GAMBAR.jpg" />
<div>

Contoh :


Image align right.jpg

Gambar ditengah

  1. 01.
  2. 02.
  3. 03.
<div style="text-align: center;">
<img src="http://SITUSMU/GAMNAR.JPG" alt="GAMBAR.jpg" />
<div>

Contoh :


Image align center.jpg

Kode

  1. 01.
  2. 02.
<textarea>Teks didalam box textareamu disini</textarea>
<code><div class="header"></div></code>

Contoh :


Code text.jpg
  1. 01.
  2. 02.
  3. 03.
<div style="overflow-x: auto">
<pre>Pra teks mu disini seperti kode css</pre>
</div>

Contoh :


Pre text.jpg

Daftar

  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
  7. 07.
<ol>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
<li>Daftar 4</li>
<li>Daftar 5</li>
</ol>

Contoh :


Order list.jpg
  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
  7. 07.
<ul>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
<li>Daftar 4</li>
<li>Daftar 5</li>
</ul>

Contoh :


Unorder list.jpg

Table

  1. 01.
  2. 02.
  3. 03.
  4. 04.
  5. 05.
  6. 06.
  7. 07.
  8. 08.
  9. 09.
<table>
<thead>
<th colspan="2">Biography</th>
</thead>
<tbody>
<td>Nama</td><td>Eza</td>
<td>TTL</td><td>Indramayu, 19-12-1993</td>
</tbody>
</table>

Contoh :


TABLE.jpg

Saya akhiri post kali ini semoga bermanfaat dan terimakasih telah berkunjung

ollt;divImage align right.jpg