Belajar menulis Postingan dengan mengunakan html

Belajar menulis Postingan dengan mengunakan  html 

Belajar menulis Postingan dengan mengunakan html adalah merupakan judul tulisan saya kali ini. Mungkin bagi para pembaca yang melihat tulisan besar, kecil atau ada yang berjalan (bergerak), atau mungkin tulisan yang ada di dalam tabel pasti bingung tapi bagi mereka yang sudah mahir dalam membuat kode HTML itu sangat gampang. Namun bagi yang belum paham tentang rahasia di balik ini semua silahkan anda baca terus tulisan saya ini tentang Belajar menulis Postingan dengan mengunakan  html .

menulis artikel dengan html

Sebelum kita masuk pada "Belajar menulis Postingan dengan mengunakan  html", alangkah baiknya mengetahui dulu apa ituHTML.
HTML : Hypertext Markup Language (HTML) merupakan bahasa
markup atau penandaan terhadap sebuah dokumen teks. HTML bukan bahasa pemograman tapi mirip dengan bahasa pemograman. HTML hanya bisa tampil di Browser sebagaai halaman web.
contoh Browser : Chrome, Internet Explorer, Mozila, Opera dan masih banyak
yang lainya.

Belajar menulis Postingan dengan mengunakan html

Kita langsung saja pada prakteknya di bawah ini :

MengunakanTag H1sampai H6.

Tulisan Mengunakan H1

untuk cara penulisannya dengan html seperti tulisan diatas kodenya seperti contoh di bawah ini :

<h1>Tulisan Mengunakan H1</h1>

Tulisan Mengunakan H2

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<h2>Tulisan Mengunakan H2</h2>

Tulisan Mengunakan H3

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<h3>Tulisan Mengunakan H3</h3>

Tulisan Mengunakan H4

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<h4>Tulisan Mengunakan H4</h4>

Tulisan Mengunakan H5

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<h5>Tulisan Mengunakan H5</h5>

Tulisan Mengunakan H6

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<h6>Tulisan Mengunakan H6</h6>

sebagai tembahan silakan anda ganti Tulisan mengunakan dengan tulisan anda sendiri dan lihat cara penulisan html seperti di atas.

List.

Ordered List.

Ordered list di singkat menjadi ol, untuk menambakan nomor secara berurutan di sebelah kiri teks.

ORDERED LIST :

1. Ordered List
2. Ordered List
3. Ordered List
4. Ordered List
5. Ordered List
6. Ordered List

Untuk penulisannya di dalam html seperti contoh di bawah ini :

ORDERED LIST :
<ol>
<li>Ordered List</li>
<li>Ordered List</li>
<li>Ordered List</li>
<li>Ordered List</li>
<li>Ordered List</li>
<li>Ordered List</li>
</ol>

Unordered List. 
Unordered List di singkat menjadi ul dengan menggunakan symbol/bullat.
UNORDERED LIST :

• Unordered List
• Unordered List
• Unordered List
• Unordered List
• Unordered List
• Unordered List

Untuk penulisannya di dalam html seperti contoh di bawah ini :

UNORDERED LIST :
<ul>
<li>Unordered List</li>
<li>Unordered List</li>
<li>Unordered List</li>
<li>Unordered List</li>
<li>Unordered List</li>
<li>Unordered List</li>
</ul>

Menebalkan Tulisan:

Menebalkan Tulisan

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<b>Menebalkan Tulisan</b>

Memiringkan tulisan

Memiringkan tulisan

Untuk penulisannya di dalam html seperti contoh di bawah ini :

<i>Memiringkan tulisan</i>

Tulisan berjalan.
Tulisan berjalan dari kiri menujuh ke kanan.

Tulisan berjalan dari kiri menujuh ke kanan
Untuk penulisannya di html seperti contoh di bawah ini:

<marquee align="center" direction="right" scrollamount="3">Tulisan berjalan dari kiri menujuh ke kanan</marquee>

Silakan anda ganti angka 3 sesuai keinginan anda semakin besar yang anda gunakan maka tulisannya semakin cepat.

Tulisan berjalan dari kanan menujuh ke kiri.

Tulisan berjalan dari kanan menujuh ke kiri
Untuk penulisaanya di html seperti contoh di bawah ini:

<marquee align="center" direction="left" scrollamount="3">Tulisan berjalan dari kanan menujuh ke kiri</marquee>

Penulisaanya sama dengan di atas yang anda harus ganti adalah : Jika "Rigth" tulisan berjalan dari kiri ke kanan sedangan "left" tulisan berjalan dari kanan ke kiri.

Tulisan Berjalan dari atas menujuh ke bawah.

Tulisan Berjalan dari atas menujuh ke bawah
Untuk penulisannya di dalam html seperti contoh di bawah ini :

<marquee direction="down" scrollamount="3" align="center">Tulisan Berjalan dari atas menujuh ke bawah</marquee>

Tulisan Berjalan dari bawah menujuh ke atas.
Tulisan Berjalan dari bawah menujuh ke atas
Untuk penulisannya di dalam html seperti contoh di bawah ini :

<marquee direction="up" scrollamount="3" align="center">Tulisan Berjalan dari bawah menujuh ke atas</marquee>

Keterangan :

• Untuk "down" tulisan berjalan dari ke bawah.

• Untuk "up" tulisan berjalan bawah atas ke atas.

• Untuk "3" menunjukan kecepatan jalan tulisan (semakin besar angka yang anda isi semakin cepat jalan tulisannya).

• Silakan anda ganti Tuliasa berjalan ke atas atau kebawah dengan tulisan yang anda inginkan.

Tabel.

Tabel 1 kolom.

URAIAN 1

Untuk penulisannya di dalam html seperti contoh di bawah ini:

<table border="1" style="width: 300px;">
<tr>
<td>URAIAN 1</td>
</tr>
</table>

Tabel dengan 3 kolom.

URAIAN 1

URAIAN 2

URAIAN 3

Untuk penulisannya di dalam html seperti contoh di bawah ini:

<table border="1" style="width: 300px;">
<tr>
<td>URAIAN 1</td>
<td>URAIAN 2</td>
<td>URAIAN 3</td>
</tr>
</table>

Keterangan :

• border="1" garis tabel.

• width: 300px" ukuran tabel, semakin besar angka yang anda masukan semakin besar ukurannya.

• <td> dan </td> adalah kolom.
  

• URAIAN 1 adalah tulisan yang ingin di masukan dalam kolom.

Tabel baris dengan kolom.

kolom dan baris 1	kolom 2 dan baris 1
kolom 1 dan baris 2	kolom 2 dan baris 2

Untuk penulisannya di dalam html seperti contoh di bawah ini:

<table width="300" border="1">
<tr>
<td>kolom dan baris 1</td>
<td>kolom 2 dan baris 1</td> </tr>
<tr>
<td>kolom 1 dan baris 2</td>
<td>kolom 2 dan baris 2</td> </tr>
</table>

kolom 1 dan baris 2

kolom 2 dan baris 2


Sebagai tambahan :

• keterangannya sama seperti di atas untuk menambahkan baris gunakan <tr> dan </tr> sebagai tag pembuka dan penutup baris.

Gambar bergerak.

gambar bergerak

Untuk penulisannya di dalam html seperti contoh di bawah ini:

<marquee> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR00dNVeG6_tKEjfXHKgfdoNiaKExOfpHt0vs31-RjlyS0zSdYyKpgY7l0mtF0qZ9cek265G_MFaFVfyLHcWYIk_8czHYZOGmTSVA9YYZS3_z_El5OUV8oR58T0R1Zy_hQMs4WMvXkafpH/s1600/images.jpg" /></marquee>

Tulisan yang saya beri warna merah silahkan anda ganti dengan URL gambar anda yang ingin di beri gerakan.

Lokasi:

Berbagi :