TEMAN-TEMAN INGIN BELAJAR BLOG TENTANG KODE HTML UNTUK BLOG, SILAHKAN BACA PELAN-PELAN YACH....
Untuk membaca posting ini, sebaiknya anda copy posting ini kedalam NOTEPAD, kemudian anda akan melihat trick belajar html kode secara langsung. Untuk mencobanya, anda bisa meng-edit tulisan ini setelah anda copy ke notepad, kemudian anda save dengan format .htm (contoh: coba.htm). Setelah anda save kemudian anda bisa lihat hasilnya dengan klik kanan pada hasil anda kemudian tekan open.
Untuk membaca posting ini, sebaiknya anda copy posting ini kedalam NOTEPAD, kemudian anda akan melihat trick belajar html kode secara langsung. Untuk mencobanya, anda bisa meng-edit tulisan ini setelah anda copy ke notepad, kemudian anda save dengan format .htm (contoh: coba.htm). Setelah anda save kemudian anda bisa lihat hasilnya dengan klik kanan pada hasil anda kemudian tekan open.
"SELAMAT MENCOBA"
==================================================
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
Disini adalah konten yang tampil di browser
Format Font HTML
Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
Untuk membuat jenis font (face):
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
Disini adalah konten yang tampil di browser
Format Font HTML
Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
Untuk membuat jenis font (face):
Judul dengan font Verdana
Konten dengan font Times
Untuk membuat ukuran (size):
Judul dengan size 5
Konten dengan size 3
Untuk membuat warna font (color):
Judul dengan warna biru
Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face), size dan color:
Judulnya Tentang Font
Ini adalah contoh tulisan dengan pengaturan font yang menggunakan
tag HTML elemen font dengan atribut face, size dan color...
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000
Berikut adalah contoh penggunaan tag style sheets:
Untuk membuat jenis font (face):
Judul Menggunakan font verdana
Konten menggunakan font tahoma
Untuk membuat ukuran (size):
Judul dengan ukuran 150%
Konten dengan ukuran 80%
Untuk membuat warna font (color):
Judul dengan warna Biru
Konten dengan warna merah
Contoh komplit untuk membuat jenis font (face),size dan color:
Ini adalah contoh tulisan pengaturan font dengan Cassading Style Sheets (CSS) yang
menggunakan tag HTML elemen style: font-family, font-size dan color...
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:
Ini adalah halaman HTML pertamaku.
Aku sedang membuat paragraf dan ini contohnya.
Ini contoh paragraf yang lainnya.
Ini juga paragraf mm...tapi de-
ngan baris baru.
Ini baris baru yang lain.
Hyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:
Aku sekarang sedang membuat hyperlink
Jika anda ingin mengunjungi Microsoft
Klik disini
Link ini akan membawa anda ke Yahoo.com
Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:
Website Musik
Agar hyperlink tidak bergaris bawah:
Website Musik
Hyperlink ke suatu halaman tertentu dalam web:
Link ini akan membawa anda ke halaman belajar css.
Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:
Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna
Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya...
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
Kode-kode warna untuk latar belakang :
#000000 : black
#800000 : maroon
#000080 : navy
#c0c0c0 : silver
#00ff00 : lime
#0000ff : blue
#800080 : purple
#808000 : olive
#ffffff : white
#ff00ff : fuchsia
#00ffff : aqua
#008000 : green
#ff0000 : red
#008080 : teal
#808080 : gray
#ffff00 : yellow
MEMBUAT teks berjalan
Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :
teks berjalan ke kiri
teks berjalan ke atas
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti ‘left’ ke ‘right’ agar teks berjalan ke kanan, atau gantilah ‘up’ dengan ‘down’ agar teks berjalan ke bawah.
Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.
atau mau yg unik??? coba ketikan ini:
TEXT
Udah dijawab ya. Sebagai tambahan aja, kalo masih bingung nih gw kasih contoh yang lengkap yang berjalan keatas+berhenti gerak kalo ditunjuk oleh kursor mouse.
Ganti linknya dengan link web/blog yang loe mau. Huruf A-D adalah kata2 yang mau loe tampilin. Kode
biar kata2nya kebawah.
A
B
C
D
Kalo mau kata2nya terus kekanan tinggal hilangin kode
nya.
A B C D
Jangan lupa ganti "up" kalo ga mau jalannya keatas.
pake tag marquee
propertiesnya...
* WIDTH : lebar alias ruang gerak tulisan/gambar bergerak
* HEIGHT : tinggi alias ruang gerak tulisan/gambar bergerak
* DIRECTION : arah gerakan (kanan kiri atas bawah)
* BEHAVIOR : tipe scrollingnya
* SCROLLDELAY : waktu delaynya
* SCROLLAMOUNT : panjang/banyaknya scrolling
* LOOP : diulang berapa kali
* BGCOLOR : warna background
* HSPACE : spasi horisontal
* VSPACE : spasi vertikal
misalnya
TEKS berjalan di BAR MENU
Sign in di blogger dengan id sobat
Klik menu Layout
Klik menu Edit HTML
Klik tulisan Download Full Template, lalu save data tersebut.
Ini untuk berjaga-jaga apabila terjadi kesalahan dalam mengedit kode template
Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
Tunggu beberapa saat sampai proses selesai
Simpan kode berikut di bawah kode ,
kode ini letaknya berada paling bawah sebelum kode
Klik kotak kecil di samping tulisan Expand Widget Templates untuk memberi tanda centang. Sekali lagi jangan lupa klik kotak kecil di samping tulisan Expand Widget Templates
Tunggu beberapa saat sampai proses selesai
Simpan kode berikut di bawah kode ,
kode ini letaknya berada paling bawah sebelum kode
Silahkan Tulis Komentar Anda ...
Tulis Komentar anda disini >>>