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
Photo p
Profile of Eza dwi anandharikyEza Dwi Anandharizky

"Malapetaka yang paling besar tidak lain adalah perasaan yang tidak pernah puas. Kekeliruan yang paling besar tidak lain karena ingin mendapatkan sesuatu. Oleh karena itu, ia yang merasa puas dengan keadaan yang memuaskan akan selamanya menikmati kepuasan"

Eza Dwi Ananadharizky October 30, 2016 30×