Kalian bisa melakukannya di komputer atapun Android
Oke, sebelumnya perlu diketahui bahwa script HTML terdiri dari HEAD dan BODY. Head untuk menaruh judul dan meta tag sementara body diisi dengan notice/gambar deface.
Kira-kira susunannya seperti ini :
<HTML>
<head>
[kode HTML]
</head>
<body>
[Kode HTML]
</body>
</html>
Kita coba membuat title/judul halaman deface dan isi.
Perhatikan saja script sederhana berikut.
<html>
<head>
<title>galau</title>
</head>
<body>
Galau
</body>
</html>
Simpan dengan format .html . Sebagai contoh saya simpan dengan nama terserah.html . Coba buka menggunakan firefox/chrome sobat.
Sip, langkah awal sudah berhasil.
Tahap kedua, kita coba untuk mengatur warna, besar huruf dan menengahkan huruf.
Simak saja scriptnya :
<html>
<head>
<title>galau lagi</title>
</head>
<body>
<center><font color="red"><font size="6">galau</font></font></center>
</body>
</html>
Untuk font color bisa diganti dengan green, blue dll. Begitu juga dengan font size.
Tahap ketiga, kita coba memberi warna background pada script HTML.
Lihat script berikut :
<html>
<head>
<title> galau </title>
</head>
<body BGCOLOR="black">
<center><font color="red"><font size="6"> galau</font></font></center>
</body>
</html>
Tinggal menambahkan BGCOLOR di samping kode <body dan sebelum tanda tutp [>]
Save dan lihat hasilnya.
Tahap membuat script HTML bagi pemula sudah hampir selesai. Sekarang kita coba untuk menambah gambar pada script HTML kita.
Lihat script berikut :
<html>
<head>
<title> galau mas </title>
</head>
<body BGCOLOR="black">
<center><font color="red"><font size="6"> galau</font></font></center>
<center><img src="Link Foto/Gambar"
width="860" height="400""><center>
</body>
</html>
URL gambar yang saya beri warna biru bisa kalian ganti sendiri. Begitu juga dengan width dan height. Untuk gambarnya bisa cari di google atau upload di hosting upload gambar . Ex : google picasa, photobucket, dll.
Sekarang,kita coba tambahkan meta tag di komponen HEAD. Apa sih fungsi meta tag ?
Untuk member description dan keyword di hasil pencarian google. Mungkin kalau dijelaskan dengan kata-kata sulit,
Kata yang saya beri tanda merah, itulah yang disebut META DESCRIPTION.
Lihat script berikut :
<html>
<head>
<title> galau</title>
<meta name="description" content="HACKER DUNIA" />
</head>
<body BGCOLOR="black">
<center><font color="red"><font size="6"> galau</font></font></center>
<center><img src="Link Gambar/poto"
width="860" height="400""><center>
</body>
</html>
Sebenarnya mHTM banyak meta tag, meta keyword, robots, title , dll. Namun karena ini adalah tahap perkenalan, pasang yang penting saja dulu. Yaitu meta description.
Selanjutnya, kita coba sedikit menghias script kita dengan tulisan berjalan [marquee] dan berkedip [blink].
Lihat saja kode berikut :
<html>
<head>
<title> hati galau</title>
<meta name="description" content="HACKER DUNIA" />
</head>
<body BGCOLOR="black">
<center><font color="red"><font size="6"> <blink>galau</blink></font></font></center>
<center><img src="Link Gambar/poto"
width="860" height="400""><center>
<center><font color="red"><font size="6"> <marque> galau</marquee></</font></font></center>
</body>
</html>
Sekian dan semoga bermanfaat.
loading...
0 komentar:
Post a Comment