Dasar- dasar HTML
09.28
By
Muhammad Nawawye
Dasar - Dasar HTML
Sebuah website / blog
tidak lepas dengan yang namanya HTML ( Hyper Text Mark up Language) karna HTML merupakan dasar pembuatan web /
blog. Na... saya mau berbagi ni gan sedikit, tentang dasar dasar HTML ..
langsung aja ke TKP ==>
STRUKTUR DASAR HTML
HTML adalah singkatan dari HyperText Markup Language adalah
salah satu bahasa pemprograman web desaign dan juga biasa di sebut script
untuk menyusun dokumen-dokumen Web. Dokumen HTML disimpan dalam
format teks reguler dan mengandung tag-tag yang memerintahkan web browser
untuk mengeksekusi perintah-perintah yang
dispesifikasikan
Struktur dasar HTML
adalah sebagai berikut:
<html>
<head>
<title>nawawye blog</title> <!-- nama title/judul website-->
</head>
<body>
penulisan informasi Web
</body>
</html>
Dari struktur dasar HTML
di atas dapat dijelaskan sebagai berikut:
a. Tag
Adalah teks khusus (markup) berupa dua
karakter "<" dan ">", sebagai
Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan
tag
penutup (ditambahkan karakter "/" setelah karakter
"<"),
sebagai contoh <body> ini adalah tag pembuka isi dokumen HTML, dan
</body> ini adalah tag penutup isi dokumen HTML.
b. Element
Element terdiri
atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup.
Sebagai contoh untuk menampilkan judul dokumen
HTML pada web
browser digunakan element title, dimana:
<title> ini adalah tag pembuka judul dokumen HTML
Judul Dokumen HTML ini adalah isi judul dari
dokumen HTML </title> ini
adalah tag penutup judul
dokumen HTML
Tag-tag yang ditulis secara berpasangan pada
suatu element HTML, tidak
boleh saling tumpang tindih dengan pasangan
tag-tag lainnya.
Contoh penulisan tag-tag
yang benar
<p>
<b>
</b>
</p>
Catatan : Jika penulisan script salah, maka
script tidak terbaca sempurna
( Eror ) sehingga dapat mengganggu penampilan
dan dinamika web itu sendiri
c. Attribute
Attribute mendefinisikan property dari suatu
element HTML, yang terdiri atas
nama dan nilai. Penulisannya adalah sebagai
berikut:
<TAG>
nama-attr="nilai-attr"
nama-attr="nilai-attr"
>
</TAG>
Secara umum nilai attribute harus
berada dalam tanda petik satu atau dua. Sebagai contoh, untuk membuat
warna teks menjadi kuning dan latarbelakang halaman web
menjadi hitam, penulisannya adalah
<body
bgcolor="black" text="yellow">
d. Element HTML
Menyatakan pada
browser bahwa dokumen Web yang digunakan adalah HTML.Sintaks:
<html>
</html>
e. Element HEAD
Merupakan kepala dari
dokumen HTML. Tag <head> dan tag </head> terletak
di antara tag <html> dan tag </html>.
Sintaks:
<head>
</head>
f. Element TITLE
Merupakan judul dari dokumen HTML yang
ditampilkan pada judul jendela
browser. Tag <title> dan tag
</title> terletak di antara tag <head> dan tag
</head>.
Sintaks:
<title>
</title>
g. Element BODY
Element ini untuk menampilkan isi dokumen HTML.
Tag <body> dan tag
</body> terletak di bawah tag <head>
dan tag </head>.
Element BODY mempunyai attribute-attribute yang
menspesifikasikan
khususnya warna dan latarbelakang dokumen yang
akan ditampilkan pada
browser.
Sintaks:
<body text="v" bgcolor="w"
background="uri" link="x" alink="y"
vlink="z"></body>
text :memberikan warna pada teks
bgcolor :memberikan warna pada latarbelakang
dokumen HTML
background :memberikan latarbelakang
dokumen HTML dalam bentuk
gambar
link :memberikan
warna untuk link
alink :memberikan warna untuk
link yang sedang aktif
vlink :memberikan warna
untuk link yang telah dikunjungi.
Catatan
: Jika attribute bgcolor
dan background keduanya dispesifikasikan
maka attribute background yang
akan digunakan, akan tetapi jika nilai
attribute
background (gambar) tidak ditemukan pada dokumen
HTML maka attribute bgcolor
yang akan digunakan.
Berikut ini saya akan
menyebutkan berbagai macam kode HTML dasar yang perlu
diketahui.
1 <br>
Turun satu baris
kebawah(enter) / Kursor dan kalimat dibelakangnya turun 1
baris kebawah
2 <big>isi tulisan</big>
Membuat tulisan menjadi sedikit lebih besar
3 <font color=”warnatulisan“>isi tulisan</font>
Mewarnai tulisan. Ganti
warna
tulisan dengan salah
satu pilihan yang ada : red, blue, yellow, green, brown,
gold,purple.DLL
4 Menambah 1 spasi karena ada kemungkinan penggunaan 2 spasi tidak
akan
terbaca pada beberapa
engine blog
5 <font size=”ukuran tulisan“>isi tulisan</font>
Mengganti ukuran tulisan. Bisa digunakan apabila
kode pada no. 2 tidak sesuai dengan keinginan kita
6 <strong>isi tulisan</strong> atau <b>isi
tulisan</b>
Untuk menebalkan
tulisan. Fungsi sama dengan ”’isi tulisan”’ atau tombol ‘ cetak tebal’ <p>
Kursor dan kalimat
dibelakangnya turun satu setengah baris kebawah
8 <u>isi tulisan</u> Membuat garis bawah tulisan
9 <small>isi tulisan</small> Membuat tulisan menjadi sedikit lebih kecil
10 <s>isi tulisan</s> Membuat garis mencoret
pada tulisan
11 <pre>isi tulisan</pre>
Membuat tulisan tetap pada keadaan yang kita
inginkan, misalnya untuk urutan berjejer kebawah
12 <center>isi tulisan</center>
Membuat tulisan berada
di tengah halaman
13 <blink>isi tulisan</blink> Membuat tulisan tampak berkedip
Sebenarnya ini merupakan sebagian kecil dari
bahasa HTML, ya tidak salahnya kita belajar sedikit-sedikit untuk menguasainya
Nah masih
banyak lag nih gan.. Tapi Ane lelah nulis terus… meski ada yang COPAS dikit HEHEH..??
Terusin lagi
ea di episode yang selanjutnya..
Written by Admin
ChromeGT is a modern, powerful and professional Blogger template made for your Portfolio, Business or almost any other kind of website.
thanx to all..??
BalasHapus