Meskipun saya ga begitu ngerti tentang kode-kodean HTML, tapi paling tidak kita mesti berusaha tahulah walau sedikit-sedikit. Bagi sobat blogger yang ilmunya pas-pasan seperti saya tentu ada gunanya mengetahui tentang kode html sederhana.
Nah postingan saya kali ini berisi tentang kumpulan kode HTML sederhana.
Silahkan dilihat
1. Membuat kutipan teks
<blockquote>Masukkan teks anda di sini</blockquote>
Hasil:
Blockquote
2. Membuat teks teletype (untuk membedakan tulisan biasa dengan kode html)
<tt>Masukkan teks anda di sini</tt>
Hasil:
Teletipe text
3. Membuat teks miring
<i>Masukkan teks anda di sini</i>
Hasil:
Italic text
4. Membuat teks tebal
<b>Masukkan teks anda di sini</b>
Hasil:
Bold text
5. Membuat tulisan dicoret
<strike>Masukkan teks anda di sini</strike>
Hasil:
6. Membuat tulisan digarisbawahi
<u>Masukkan teks anda di sini</u>
Hasil:
Underlined text
7. Membuat teks ke kiri
<left>Masukkan teks anda disini</left>
Hasil:
8.Membuat teks ke tengah
<center>Masukkan teks anda disini</center>
Hasil:
9. Membuat teks ke kanan
<right>Masukkan teks anda disini</right>
Hasil:
10. Membuat Bullet Numberring
<li>Masukkan teks anda di sini</li>
Hasil:
Agar menjorok kedalam anda bisa menambahkan <ul> dan </ul>
Contoh:
<ul><li>Bullet</li></ul>
Hasil:
- Bullet
11. Membuat teks lebih besar
<big>Masukkan teks anda di sini</big>
Hasil:
Big texs
12. Membuat teks lebih ke kecil
<small>Masukkan teks anda di sini</small>
Hasil:
Small text
13. Membuat teks agak ke bawah
<sub>Masukkan teks anda di sini</sub>
Hasil:
Tulisannya akan ke bawah subscribt
14. Membuat teks agak ke atas
<sup>Masukkan teks anda di sini</sup>
Hasil:
tulisannya akan ke atas subscribt
15. Membuat kotak teks area
<textarea>Masukkan teks anda di sini</textarea>
Hasil:
Untuk mengubah besar kolom dan barisnya
Anda bisa menambahkan kodenya menjadi
<textarea rows="3"cols="30">Text area</textarea>
Untuk mengganti ukurannya tinggal ganti angkanya saja
16. Membuat tabel
Tag <tr> mendefinisikan baris dalam tabel HTML
Tag <th> mendefinisikan header cell pada tabel HTML
Tag <td> mendefinisikan standard cell pada tabel HTML
Sebuah tabel HTML memiliki dua macam cell:
Teks dengan elemen th akan tebal dan ke tengah
Teks dengan elemen td akan biasa dan letaknya di kiri.
Contoh:
<table border=â??1â?³>
<tr>
<th>Bulan</th>
<th>Tabungan</th>
</tr>
<tr>
<td>Januari</td>
<td>Rp.1000000</td>
</tr>
</table>
Hasil:
| Bulan | Tabungan |
|---|---|
| Januari | Rp.1000000 |
Catatan: angka 1 bisa diganti angka 2,3,dst untuk jenis border
tabel.
17. Membuat tulisan ke bawah (Enter)
<br />
Caranya sisipkan kode tersebut pada kode yang ingin buat menjadi enter atau ke bawah
18. Membuat tulisan berkedip
<blink>Masukkan teks anda di sini</blink>
Hasil:
19. Membuat tulisan bergerak atau berjalan
<marquee>Masukkan teks anda di sini</marquee>
Hasil:
Secara default maka tulisan akan bergerak dari kanan dan ke kiri
Agar bisa ke arah lainnya tambahkan kodenya menjadi sebagai berikut
Bergerak ke atas
<marquee direction="up">Tulisan teks kamu disini</marquee>
Bergerak ke bawah
<marquee direction="down">Tulisan teks kamu disini</marquee>
Bergerak ke kiri
<marquee direction="left">Tulisan teks kamu disini</marquee>
Bergerak ke kanan
<marquee direction="right">Tulisan teks kamu disini</marquee>
Anda bisa mengganti tulisan up dengan down, left, atau right untuk mengganti arah gerakan tulisan.
20. Membuat link pada tulisan atau teks
<a href="Masukkan Link Anda disini">Nama Link</a>
Contoh:
<a href="http://bagihasilku.co.cc/">Dana Fiesta</a>
Hasil:
Dana Fiesta
Tulisan Dana Fiesta tersebut adalah sebuah alamat link, jika sobat klik maka akan menuju ke alamat Web Dana Fiesta, kalau ga percaya silahkan sobat klik….
21. Membuat link pada gambar
<a href="Masukkan Alamat Link Disini"target="_blank"><img src="URL Gambar" border="0" height="20" width="65"> </a>
Contoh :
Hasil :
Keterangan : Tulisan bercetak tebal adalah (URL) gambar, height : (Ukuran tinggi gambar), width : (Ukuran lebar gambar). Sedangkan kode target="_blank" (agar link dibuka pada Window baru)
Penambahan target pada Link :
Target=”_blank” Buka dalam window yang baru
_self” Buka dalam window yang sama
_parent” Buka dalam frame utama
_top” Buka dalam window yang sama dan batalkan semua frame
Ok.. Selamat Mencoba-coba
0 comments:
Post a Comment
Silahkan Sobat meninggalkan komentar, mau nanya?, kasih saran?, atau mau kritik? Biar kita makin dewasa gitu...