Tutorial Mudah dan Cepat Belajar HTML

Belajar Dasar HTML
AW - Tutorial Mudah dan Cepat Belajar HTML - Tutorial kali ini saya tujukan untuk pemula atau sobat yang ingin mengenal dan belajar HTML dan untuk yang sudah mahir mohon di koreksi jika ada kesalahan. Belajar HTML tidak terlalu sulit di bandingkan sobat belajar pemograman lain dan memang untuk menguasai program lain tentu sobat wajib mamahami tentang kode HTML. Jika sobat menguasai maka untuk belajar ke tingkat lanjut seperti CSS JScript, PHP dan yang lainnya tentu tidak akan kesulitan lagi. Nah sobat tinggal langsung praktekkan saja agar cepat menguasai, tutorial ini sudah saya susun agar mudah sobat pahami.

Saya akan membahas beberapa dasar kode HTML dan saya harap sobat cepat menguasainya, berikut yang akan kita pelajari:

1. Kode untuk Mempertebal Huruf
Kodenya sbb:
<b> Bang Badan <b>
Contoh : Bang Dadan


2. Kode untuk Membuat Huruf Miring
Kodenya sbb:
<i> bang dadan </i>
Contoh : <i>Bangdadan Dadan</i>
Maka hasilnya = Bang Dadan

3. Membuat Garis Bawah pada Huruf
Kodenya sbb:
<u> Bang Dadan </u>
contoh : <u> Bang Dadan </u>
Hasilnya = Bang Dadan


4. Kode untuk Membuat Baris Baru
Kodenya sbb:
Bang <br /> Dadan
Contoh : Bang <br />Dadan
Hasilnya =
Bang
Dadan

5. Membuat Tulisan Rataan Tengah
Kodenya sbb:
<center> Bang Dadan </center>

6. Membuat Tulisan Rataan Kanan
Kodenya sbb:
<p align="right"> Bang Dadan </p>

7. Membuat Tulisan Rataan Kiri
Kodenya sbb:
<p align="left"> Bang Dadan </p>

8. Merubah Style Font atau Gaya Huruf
Kodenya sbb:
<font face="Arial"> Bang Dadan </font>
Note : Silahkan sobat ganti tulisan Arial dengan font jenis yang lain seperti: Verdana, Georgia, Times New Roman dll.

9. Memberi Warna pada Teks
Kodenya sbb:
<font color="blue"> Bang Badan </font>
Note : Warna blue/biru bisa sobat ganti sesuai dengan keinginan sobat. misal: Merah/Red, Kuning/Yellow, Hijau/Green, Hitam/Black, dan untuk melihat kode warna yang lain silahkan klik Disini.

10. Mengatur Ukuran Huruf Besar/Kecil
Kodenya sbb:
<font style="font-size:500%;"> Bang Dadan </font>
Note : Ukuran 500% bisa sobat ganti sesuai dengan keinginan sobat.

11. Membuat Tulisan Berkedip / Blink
Kodenya sbb:
<blink> Bang Dadan </blink>


12. Membuat Tulisan Berjalan / Marquee
Kodenya sbb:
<marquee> Bang Dadan </marquee>
Bang Dadan Contohnya seperti diatas.

13. Membuat Tulisan Format Numbering
Kodenya sbb:
<ol>
<li>bang</li>
<li>dadan</li>
</ol>
Contoh :
  1. Bang
  2. Ddadan

14. Membuat Tulisan Bormat Bullets
Kodenya sbb:
<ul>
<li>bang</li>
<li>dadan</li>
</ul>
contoh :
  • Bang
  • Dadan
15. Membuat Tulisan Stabilo
Kodenya sbb:
<br /><span style="background-color:#F2F2F2"> Bang Dadan </span><br />
Contoh :  Bang Dadan

16. Membuat Tulisan Background Warna
Kodenya sbb:
<div style="background: #8CAA7B; border:1px solid #F5003D; padding:5px;"> Bang Dadan
</div>
Contoh :
Bang Dadan
Note : kode #8CAA7B adalah kode warna background dan #F5003D adalah warna border silahkan sobat ganti bisa lihat DISINI untuk kode warna yang lain. padding adalah ukuran lebar background

17. Membuat Efek Tulisan Pelangi
Kodenya sbb:
<script src='http://myscriptforme.googlecode.com/files/rainbow.js'> </script>


Teks/tulisan link pelangi
  • Silahkan sobat menuju Rancangan
  • Kemudian pilih Template lalu klik Edit HTML
  • Cari kode seperti ini : </head>
  • Simpan kode di bawah ini tepat di atasnya
<script src='http://myscriptforme.googlecode.com/files/rainbow.js'> </script>
  • Simpan templete.
Nah, mungkin cukup sekian dulu pembahasan kita kali ini tentang Tutorial Mudah dan Cepat Belajar HTML. Semoga artikel ini bermanfaat ya sob..!!
Selamat mempelajari kode - kode HTML.

Saya tidak memberikan contoh yang terlalu lengkap dan silahkan sobat untuk mengembangkannya sendiri dengan mencari contoh atau panduan HTML di internet. Semoga bermanfaat dan terimakasih.



0 komentar: