Html adalahsingkatan dari hypertext Markup Language. Fungsi
html didalam sebuah dokumen web adalah untuk mengatur struktur tampilan
dokumen tersebut dan juga untuk
menampilkan link atau sambungan ke halaman web lain yang ada di internet.
Biasanya sebuah dokumen html disimpan dalam ekstensi .html. html disebut dengan
Markup Languange karena html berfungsi
untuk berpindah file tulisan (text) biasa untuk dapat dilihat pada
sebuah web browser.
Disini saya tidak akan banyak menjelaskan tentang berbagai
sintaks dasar html karena sudah banyak buku-buku yang membahas tentang hal ini.
Disini saya akan membahas tentang sintaks penting saja sebagai dasar
pengetahuan anda untuk membuat template blog.
Untuk membuat html, anda cukup menggunakan notepad, walaupun
sebenarnya banyak sekali software-software yang memudahkan kita dalam membuat
dokumen ini.
Sintaks dasar html
Berikut ini adalah struktur dasar html
Tulislah contoh berikut menggunakan notepad kemudian simpanlah kedalam format .html.
Contoh:
Lalu save
pada notepad tersebut dengan mengganti nama, misalnya “ini html
pertamaku.httml” sperti gambar dibawah ini:
Lalu buka
dengan Internet Explorer, Mozilla Firefox, Google Chrome (pilih salah satu
browser), hasilnya seperti gambar di bawah ini:
Skrip
diatas adalah file html yang paling sederhana. Setiap tag html selalu memiliki
tag pembuka dan tag penutup. Pada contoh diatas, misalnya tag <head>,
maka ditutup dengan </head>. Coba perhatikan, tanda ”/” pada setiap tag
penutup.
Manipulasi
text
Disini saya
akan memberi contoh dengan berbagi texs yang sudah dimanipulasi. Seperti contoh
diatas, gunakan notepad untuk menuliskan sintaks berikut ini, dan simpan dengan
ekstensi .html.
Setelah itu
save pada notepad tersebut dengan mengganti nama, misalnya “Manipulasi.httml” di
Docoment atau terserah anda, lalu buka dengan Internet Explorer, Mozilla
Firefox, Google Chrome (pilih salah satu browser), hasilnya seperti gambar di
bawah ini:
Untuk kode
warna biasanya menggunakan beberapa kode tertentu dengan huruf atau angka atau
gabungan keduanya. Berikut ini standar kode warna dan jenis warna yang
dihasilkan.
Warna
|
Hex 6
|
RGB
|
Black
|
#000000
|
0 , 0 , 0
|
Silver
|
#C0C0C0
|
192 , 192 , 192
|
Gray
|
#808080
|
128 ,128 , 128
|
White
|
#FFFFFF
|
255 , 255 , 255
|
Maroon
|
#800000
|
128 , 0 , 0
|
Red
|
#FF0000
|
255 , 0 , 0
|
Purple
|
#80080
|
128 , 0 , 128
|
Fuchsia
|
#FF00FF
|
255 , 0 , 255
|
Green
|
#008800
|
0 , 128 , 0
|
Lime
|
#00FF00
|
0 , 255 , 0
|
Olive
|
#808000
|
128 , 128 , 0
|
Yellow
|
#FFFF00
|
255 , 255 , 0
|
Navy
|
#000080
|
0 , 0 , 128
|
Blue
|
#0000FF
|
0 , 0 , 255
|
Teal
|
#008080
|
0 , 128 , 128
|
Aqua
|
#00FFFF
|
0 , 255 , 255
|
Ada
beberapa aturan lain yang digunakan untuk teks. Berikut contoh beberapa aturan
tersebut.
Dan hasilnya
pada browser akan menjadi seperti gambar di bawah ini:
Bedanya dari
gambar diatas adalah huruf yang berbeda ukuran, dari ukuran kecil hingga besar.
Peraturan
Paragraf
Untuk mengatur
sebuah paragraf, gunakan sintax berikut.
Dan hasilnya
pada browser akan menjadi seperti gambar di bawah ini:
Tidak ada komentar:
Posting Komentar
Kalau ada yang ingin berkomentar silahkan saja, asalkan jangan rasis/ribut-ribut gak jelas.
hehehe :D