1/9/2018 Belajar Kode-kode HTML Dasar

Tutorial Blogspot dan Tips Panduan Cara

Belajar SEO Blog untuk Pemula
Tutor26 - Blog tutorial seo blogspot di surabaya membuka layanan jasa seo,
pembuatan blog, pasang iklan banner, link dan text murah dapat order Wa/SMS
08113100990.

Home Blog SEO Tools Services » Relax » Privacy Policy Contact Author

Sarankan 1,2 rb
Search

Belajar Kode-kode HTML Dasar

18:46   Tools Online Blogger Riecky, Tutor Blog, Tutor HTML   1 comment Banners

Semoga kali ini sangat bermanfaat untuk bisa berbagi Kode-kode HTML dibawah ini untuk Para Sobat
Blogger dan Pembaca sekalian.

Kode-kode HTML itu sebenarnya merupakan salah satu syarat yang harus dimiliki sebagai seorang
blogger untuk bisa lebih afdhol gitu hloo... ™Ќîiîk.·:::D Ќîiîk :D::·. Ќîiîk™...

Tapi ya tidaklah segitunya koq Sobat... Maksud tutor26 tadi itu hanya untuk memberikan semangat
supaya Kita mau Mempelajari Kode-kode HTML Dasar, itu saja.

Mari Kita semua BELAJAR !!!

Membuat Center, gunakan kode : <p align="center">Belajar</p> hasilnya seperti:

Belajar

Membuat Posisi kekanan gunakan kode : <p align="right">Belajar</p> hasilnya seperti :

Belajar

Membuat Posisi kekiri gunakan kode: <p align="left">Belajar</p> hasilnya seperti :

Belajar

Membuat Huruf Tebal gunakan kode: <b>Belajar</b> hasilnya seperti :

Belajar

Membuat Huruf Garis Bawah gunakan kode : <u>Belajar</u> hasilnya seperti :

Belajar

Membuat Huruf bercetak Miring gunakan kode : <i>Belajar</i> hasilnya seperti :

Belajar

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :

<b><i><u>Belajar</u></i></b> hasilnya seperti :
Belajar

Membuat Huruf tebal strong gunakan kode : <srong>Belajar</strong> hasilnya seperti :

Belajar

Membuat Huruf Hidden gunakan kode : <span style="visibility: hidden">Belajar</span> hasilnya seperti :

Namanya juga hidden.. tentunya tidak kelihatan laaah...xixixixiii...

Membuat Huruf Besar semua (uppercase) gunakan kode :

<span style="text-transform: uppercase">Belajar</span> hasilnya seperti :
BELAJAR

Membuat Huruf Small caps gunakan kode:

<span style="font-variant: small-caps">Belajar</span> hasilnya seperti ini:
BELAJAR

Membuat Huruf Subscribe / kecil di bawah gunakan kode:

<p>4₂</p>hasilnya seperti ini:
42

http://tutor26.blogspot.ca/2012/01/belajar-kode-dasar-html.html 1/6
1/9/2018 Belajar Kode-kode HTML Dasar

Membuat Huruf Superscribe / pangkat gunakan kode:

<p>4²</p> hasilnya seperti ini:
42

Membuat Huruf bergaris atas gunakan kode:

<span style="text-decoration: overline">Belajar</span> hasilnya seperti ini:
Belajar mengganti huruf

Membuat Huruf bergaris tengah gunakan kode:

<strike>Belajar</strike> hasilnya seperti ini:
Belajar

Menentukan jenis huruf gunakan kode:

<p><font-family="Arial" >Belajar</font></p> hasilnya seperti ini: Download Aplikasi Pulsa Gratis di Andro
Belajar Mau...???
Klik saja CashTree | Perbesar Gambar Cash
| Video Tutorial Daftar & Penggunaan Cash
Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p> hasilnya seperti ini:
Belajar Cashtree Aplikasi Pulsa Gratis A

Menentukan warna huruf gunakan kode:

<p style="color: green; >Belajar</p> hasilnya seperti ini:
Belajar

Membuat bullet dot bolong gunakan kode:

<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
hasilnya seperti ini:
DOT 1
Links
DOT 2
Hammer Of Thor
Hammer Of Thor Asli
DOT 3 Pengiriman ke Luar Negeri
Toko Mesin Jahit
Otaji
Membuat bullet dot kotak gunakan kode:
Blog Dofollow
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li> Popular Posts
</ul>
Cek Pajak Kendaraan Bermotor Jawa Timur
hasilnya seperti ini:
Online
DOT 1 Cek Pajak Kendaraan Bermotor Wilayah Jaw
DOT 2 Timur - Online Hallo Mas Bos
DOT 3 semuanya...semoga kita semua mendapatk
keberuntungan dalam hi...

Membuat bullet dot bulat gunakan kode: Google Translate-Terjemahan Bahasa 66

<ul> Negara
Google Translate-Terjemahan bahasa onlin
<li>DOT 1</li>
gratis 66 Negara beserta "Deteksi Bahasa"
<li>DOT 2</li> lengkap persembahan dari Google untuk M
<li>DOT 3</li> ...
</ul>
Contoh Tata Tertib-Aturan
hasilnya seperti ini:
Perusahaan Swasta
DOT 1 Berikut ini berbagi tentang
DOT 2 Contoh Tata Tertib/Aturan
DOT 3 Perusahaan Swasta Standar
Langsung aja simak Mas Bos (",) BAB I HAR
KERJA D...
Mengatur posisi bullet gunakan kode:
<blockquote> Contoh/Format Surat Perjanjian Kerja Wak
Tertentu/Kontrak Perusahaan Swasta
<blockquote>
Contoh Format Surat Perjanjian Kerja untu
<blockquote> Waktu Tertentu / Kontrak Perusahaan Swas
<ul> ini bertujuan untuk menerangkan kontrak
<li>DOT 1</li> perjanjian ker...

http://tutor26.blogspot.ca/2012/01/belajar-kode-dasar-html.html 2/6
1/9/2018 Belajar Kode-kode HTML Dasar

<li>DOT 2</li> Contoh/Format Surat Berita Acara Perusah

<li>DOT 3</li> Swasta
</ul> Contoh / Format Surat Berita Acara
Perusahaan Swasta ini bertujuan untuk
</blockquote>
menerangkan mengenai kronologi kejadia
</blockquote> dari suatu peristiwa dan me...
</blockquote>
hasilnya seperti ini: Kumpulan Gambar-Tulisan Fo
Pro le BB-Status BB
Kumpulan Gambar dan Tulisa
Foto Pro le BB atau Status Ph
DOT 1 Pro l BB merupakan artikel b
DOT 2 yang punya handphone BB alias kepanjang
DOT 3 da...

Cara Cek Pajak Kendaraan Bermotor Jawa

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode: Tengah Online
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p> Cek Pajak Kendaraan Jawa Tengah Online
Keterangan : Masukkan Nopol dengan
hasilnya seperti ini: mengikuti petunjuk. Setelah selesai langsu
Belajar tekan ent...

Membuat tabel border solid gunakan kode: Contoh Surat Berita Acara Serah Terima/BA
<table border="1" width="200"> Perusahaan Swasta
Contoh Surat Berita Acara Serah Terima (BA
<tr>
Perusahaan Swasta adalah artikel untuk So
<td style="border-style: solid">Text</td> yang mau membuat Form BAST akibat dar
</tr> mutasi pad...
</table>
Tips/Cara Hitung Pajak
hasilnya seperti : Kendaraan Bermotor-BBN.KB
Text Progressif
Kali ini berbagi mengenai Tip
Cara Menghitung / Perhitunga
Pajak Kendaraan Bermotor, BBN.KN (Bea B
Nama), Pajak Progressif, dan Paj...
Membuat tabel border dot gunakan kode:
<table border="1" width="200" Contoh Form Penilaian Kinerj
Karyawan-SPV/Koordinator
style="border-style: dotted">
Contoh Form/Surat Penilaian
<tr> Prestasi Kinerja Karyawan
<td border="2" style="border-style: Perusahaan Swasta dengan
dotted">Text</td> jabatan Koordinator, Kepala Regu atau
Supervisor ini bertuju...
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border dashed gunakan kode:

<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

Membuat tabel border groove gunakan kode:

<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:

Text

http://tutor26.blogspot.ca/2012/01/belajar-kode-dasar-html.html 3/6
1/9/2018 Belajar Kode-kode HTML Dasar

Membuat tabel border Ridge gunakan kode:

<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text

Membuat tabel border Insert gunakan kode:

<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text

Membuat tabel border Outset gunakan kode:

<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>
hasilnya seperti ini:
Text

Membuat Tabel Biasa gunakan kode :

<table border="1"width="200"><td>Text</td></table>
hasilnya seperti:
Text

Membuat Tabel berwarna gunakan kode :

<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :
Text

Membuat Tabel berwarna tak berbingkai gunakan kode :

<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:
Text

Untuk kode-kode HTML yang lain anda bisa mengulik lewat software-software web designer atau situs-
situs penyedia layanan HTML.

*Tabel-tabel diatas, support pada browser IE (Internet Explorer).

Bagaimana Sobat...apa Kalian semua kesulitan...???

http://tutor26.blogspot.ca/2012/01/belajar-kode-dasar-html.html 4/6
1/9/2018 Belajar Kode-kode HTML Dasar

Ini mah belum seberapa untuk pelajaran tentang peng-kode-an HTML, masih lebih Gila lagi jika nanti
masuk pada tahap belajar PHP.

Yakin aja bahwa diri kalian Hebat...!!!

Bukan bermaksud untuk mengajarkan KESOMBONGAN,  tetapi lebih kepada memberika semangat dan
menyemangati diri kita sendiri agar lebih Percaya Diri.

Seperti yang dikatakan Paman "Pe" tentang mempelajari Kode PHP.

Lihat juga Kode Kode HTML Dasar pada bagian ke-2.

Semoga ada manfaat buat Mas Bos dimanapun bearada (",)

Newer Post Home Older Post

1 comment:

Rhee Juliana 2 January 2018 at 16:31

Sangat membantu gan, trims..
My blog
Reply

Enter your comment...

Comment as: Unknown (Goo Sign out

Publish Preview Notify me

Mohon menuliskan komentar Mas Mbro Bos dengan bahasa yang baik, tidak
mengandung Sara, Pornogra , dan Provokasi Pihak lain.

Terima kasih atas kesediaan Mas Mbro Bos dimanapun berada (",)

Salam,

Follow by Email
Email address... Submit

Google+ Google+ Followers Contact Form

Tutor26. blogspot.com Name

Tutor26. blogspot.com
Add to circles
Follow
Email *
673 followers

Message *
Social Media

Sarankan 1,2 rb

Send

7913974 673 have me in circles View all

http://tutor26.blogspot.ca/2012/01/belajar-kode-dasar-html.html 5/6
1/9/2018 Belajar Kode-kode HTML Dasar

Copyright © 2018 Tutorial Blogspot dan Tips Panduan Cara Belajar SEO Blog untuk Pemula | Jasa SEO

http://tutor26.blogspot.ca/2012/01/belajar-kode-dasar-html.html 6/6