1. Menggunakan HTML
Editor, seperti Adobe Dreamweaver,notepad++ dan lain-lainnya.
2. Dengan cara menuliskan
sendiri secara manual satu persatu tag-tag HTML ke dalam dokumen HTML.
Kedua cara diatas memiliki Kelebihan dan kekurangan. Cara pertama
kelebihannya adalah HTML Editor merupakan sebuah program yang khusus didesain
untuk membuat, melakukan editing bahkan mem-publish ke internet. Dengan
kemampuannya menggabungkan kemudahan dan kecanggihan teknologi internet ke
dalam dokumen HTML maka cara ini sangat disukai oleh para pemula dan desainer
yang tidak ingin belajar lebih mendalam mengenai HTML. Sedangkan cara kedua
adalah menuliskan secara manual satu persatu tag-tag HTML. Hal ini sangat
disarakan sulit dikarenakan akan memakan tenaga dan waktu ekstra untuk
melakukannya, ditambah lagi Anda harus melakukan cara-cara konvensional untuk
melihat hasilnya pada web browser. Namun pada cara kedua adalah dasar dari
segala bentuk HTML yang akan Anda pelajari, karena dengan cara itulah Anda akan
lebih paham mengenai cara kerja dan berbagai perintah yang biasa dipakai pada
bahasa HTML.
Struktur Dasar Dokumen
HTML
Dokumen HTML disimpan dalam format teks reguler dan mengandung tag-tag yang
memerintahkan web browser untuk mengeksekusi perintah-perintah yang
dispesifikasikan. Struktur dasar dokumen HTML(Tag, Element, Attribute), Element
HTML, Element HEAD, Element TITLE, Element BODY. Secara sederhana HTML terdiri
dari dua bagian yaitu Header dan Body. Struktur HTML diapit oleh tag awal <HTML> dan tag
akhir </HTML>. Standar penulisannya adalah:
<html>
<head>
<title> Gekanote </title>
</head>
<body>
Belajar HTML bersama gekanote
</body>
</html>
Hasil dari script diatas :
Keterangan :
Tag <html>...</html> : untuk memulai dan mengakhiri script
html.
Tag <title>...</title> : untuk memberi judul dokumen html. anda
bisa lihat dipojok kanan browser anda untuk melihat title tersebut.
Tag <body>...</body> : adalah body dari dokumen html.
Segala sesuatu yang ingin ditampilkan di dokumen html disimpan dalam tag body
tersebut.
TAG BODY DAN
ATTRIBUT-NYA :
1. TEKS
Attribut ini digunakan untuk menentukan warna yang anda pilih untuk
teks tersebut.
<html>
<head>
<title> Gekanote </title>
</head>
<body text="blue">
Teks-nya disini
</body>
</html>
2. BACKGROUND
Untuk mengganti warna
background dari halaman web kita. Contohnya kita akan merubah warna-nya menjadi
merah.
<html>
<head>
<title> Gekanote </title>
</head>
<body text="blue" bgcolor="red">
Teks-nya disini
</body>
</html>
3. IMAGES
Merubah background
dengan sebuah gambar.
<html>
<head>
<title> Gekanote </title>
</head>
<body text="blue" bgcolor="red"
background="./images/image48.jpg">
Teks-nya disini
</body>
</html>
4. LINK
Atribut ini berguna
untuk menentukan warna standar dari tautan/link yang ada pada halaman tersebut
sebelum di klik.
html>
<head>
<title> Gekanote </title>
</head>
<body link="#222222">
<a href="gekanote.blogspot.com"> Contoh link </a>
</body>
</html>
Seperti-nya segitu dulu bahasan dasar html,untuk bahasan selanjutnya pasti
saya post lagi hehe^^
No comments:
Post a Comment