Haloo agan semua. Postingan kali ini ane mau sedikit nostalgia pas waktu ane semester 1 dulu. Ane ngeposting ini karena prihatin ada adik angkatan ane bikin tampilan halaman web kodenya / bahasa kerennya tag yang letaknya acak-acakan. Kalo sedikit sich masih bisa kelihatan masalahnya. Nah kalo udah beribu-ribu syntax, gimana harus nyari tahu salahnya di mana? Masa harus ngecek satu-satu? Bisa tambah pusing donx. Sekarang kita mulai membuat halaman web sederhana.
O iya gan, dalam membuat halaman web ini ane make software Macromedia Dreamweaver 8. Salah satu software pembuat halaman web terbaik. Hehehe
Oke, sebelum kita melangkah lebih jauh. Kita kenalan dulu ama tag-tagnya
. Ane kasih yang awam dulu. Ane minta maaf ama yang sudah jago, soalnya ane khususin buat yang masih newbie. Hehehe
<HTML>
atau bisa ditulis <Html> atau <html> adalah tag yang memiliki fungsi sebagai tempat memasukkan berbagai macam file ke dalam halaman web. Bila dikatakan syntax ini mewakili sebuah halaman web. Tag ini berada di bagian atas pada sebuah kode halaman web. Cara menutup tag ini dengan menaruh tag </HTML>,</Html> atau </html> dibagian paling bawah pada sebuah kode halaman web. Catatan : Ane saranin antara tag dan penutupnya harus sama, misalkan agan awalnya pake <html> ya penutupnya adalah </html>.
<HEAD>
atau bisa ditulis <Head> atau <head> adalah tag yang berfungsi sebagai tempat penampung judul sebuah halaman web. Tag ini berada di bagian atas di bawahnya tag <HTML>. Cara menutup tag ini dengan menaruh tag </HEAD>, </Head> atau </head> di bagian bawah pada kode halaman web di atas tag </TITLE>.
<TITLE>
atau bisa ditulis <Title> atau <title> adalah tag yang berfungsi sebagai tempat menulis judul sebuah halaman web. Tag ini berada di antara <Head> dan </Head>. Cara menutup tag ini dengan menaruh tag </TITLE>,</Title> atau </title> di bagian atas </Head>.
<BODY>
atau bisa ditulis <Body> atau <body> adalah tag yang memiliki fungsi untuk menampung semua syntax dan perintah-perintah yang akan dikerjakan di dalam sebuah halaman web. Tag ini berada di bawah tag </Head>. Cara menutup tag ini dengan cara menaruh </BODY>,</Body> atau </body> di bagian bawah kode halaman web di bagian atas </Html>
<BODY BACKGROUND>
Tag ini adalah variasi dari <Body>. Tag ini berfungsi menyisipkan image / gambar menjadi sebuah background halaman web. Cara pemakaian tag ini adalah <body background="namagambar.jpg"> dan ditutup dengan tag yang sama dengan <body>. Catatan : Semua ekstensi gambar juga bisa dimasukkan, kecuali .gif. Karena mungkin .gif adalah gambar animasi sehingga tidak cocok dijadikan background.
<BODY BGCOLOR>
Tag ini juga salah satu variasi dari <Body>. Fungsinya sama seperti tag <body background>, namun yang dijadikan background bukan gambar, melainkan warna. Warna dijadiin background? Ya pasti bisa lakh.. Hehehe...
O iya, cara pemakaian tag ini adalah <body bgcolor="namawarna/kodeheksadesimalwarna"> dan ditutup sama seperti cara di atas. Contohnya adalah <body bgcolor="black"> atau <body bgcolor="#000000">. Kedua contoh tag ini akan sama-sama menghasilkan background warna hitam.
Di Macromedia Dreamweaver, kita dibantu menentukan tag yang sudah tersedia di dalam software ini. Jadi agan semua nggak usah repot-repot menulis manual tag-nya. Hehehe
Ane rasa cukup postingan ane kali ini. Semoga bermanfaat. Kalo untuk contoh pembuatan halaman web yang sederhana ane sempatin di postingan selanjutnya. Oke, seperti biasa, tunggu postingan ane selanjutnya.
Tidak ada komentar:
Posting Komentar