HTML (Hyper Text Markup Language) yaitu merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, nah dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video.
Nah kalau untuk pengen lebih jelasnya tentang kode kode’nya langsung aja kita bahas yaa,,cekkidoottt !!
A.CARA MEMASUKKAN atau MEMBUAT PARAGRAF
<html>
<head>
<title> Latihan-2 : Paragraf dan Break </title>
</head>
<body bgcolor=#990066 text=#FFCCFF>
<h1> Toko Buku Serba Murah </h1>
<hr width=50% align=Left>
<h2> Toko Kami Menyediakan </h2>
<h3> Alat Tulis </h3>
<p> Pensil <br> Ballpoint <br> penggaris <br> Dll.</p>
<h3> Buku-Buku Pelajaran </h3>
<p> Ilmu Pasti <br> Ilmu Bumi <br> Sejarah <br> Dll.</p>
<h3> Peralatan Kantor </h3>
<p> Meja <br> Kursi <br> File manager <br> Dll. </p>
</body>
</html>
B. MEMBUAT TEXT MENJADI BERGERAK
Bosen kan kalau ngeliat text nya Cuma biasa-biasa aja..biar lebih menarik dan berbeda kita buat text’nya bergerak..niih kalau pengen gerak pakai cara ini :
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">teks kamu disini</MARQUEE>.
Contoh :
<html>
<head>
<title> pemrograman web : Paragraf dan Break </title>
</head>
<body bgcolor=#990066 text=#FFCCFF>
<MARQUEE align="center" direction="right" height="800" scrollamount="20" width="300"> Mari belajar pemrograman web </MARQUEE>
</body>
</html>
C. CARA MENAMPILKAN IMAGE
Ngak mungkin kan kalau isinya Cuma text,,biar lebih menarik kita tambahin atau masuk’in gambar,,ni script nya :
<html>
<head>
<title>latihan-6z : Menggunakan Link dan Image </title>
</head>
<body bgcolor = “#FFFFCC”>
<a name = “atas”> Bagian ini dinamai dengan atas </a><br>
<a href = “coba.html”> Link ke coba.html </a><br>
<a href = “#bawah”> Link ke lokasi yang bernama bawah </a>
<p> Masukkan gambar : <br>
<img src=”Pacarku.JPG”width=”600” height=”800” align=”center”><p>
<a href=”#atas”>Link ke lokasi yang bernama atas </a><br>
<a name-“Bawah”>Bagian ini dinamai dengan bawah</a>
</body>
</html>
D. Cara membuat Gambar bergerak kanan kiri
Nah tadi kan teks’nya yang dibikin gerak sekarang gambar’nya yang mau di bikin gerak... J niih scriiptt nya :
<marquee align="center" behavior="alternate" direction="left" scrollamount="3" width="340 px" onmouseout="this.start()" onmouseover="this.stop()">Gambar atau Teks</marquee><div style="font-size: 8px; text-align: right;">
E. Untuk menampilkan gambar secara sejajar menggunakan TABEL
Klik pada menubar Table –> atur –> ok. tulis scribe seperti ini :
<tr>
<td><img src=”Pacarku.JPG” width=”100” height=”100”></td>
<td><img src=”Pembatuku.JPG” width=”100” height=”100”></td>
<td><img src=”Sopirku.JPG” width=”100” height=”100”></td>
</tr>
<tr>
<td><img src=”Pacarku.JPG” width=”100” height=”100”></td>
<td><img src=”PacarQue.JPG” width=”100” height=”100”></td>
<td><img src=”Sopirku.JPG” width=”100” height=”100”></td>
</tr>
<tr>
<td><img src=”Pembantuku.JPG” width=”100” height=”100”></td>
<td><img src=”Sopirku.JPG” width=”100” height=”100”></td>
<td><img src=”PacarQue.JPG” width=”100” height=”100”></td>
</tr>
F. Cara Membuat Link HTML
Biar lebih mudah membuka link yang bersangkutan kita buat link’nya ya..biar ngak perlu nulis lagi tinggal klik udah menuju alamat yang di tuju :-D .. nihh script’nya:
<html>
<head>
<title>latihan-6z : Menggunakan Link dan Image </title>
</head>
<body bgcolor = “#FFFFCC”>
<a name = “atas”> STMIK AMIKOM YOGYAKARTA </a><br>
<a href = “coba.html”>http://www.amikom.ac.id </a><br>
</body>
</html>
Nah itu gambaran kalau kita ingin membuat HTML dan itu yang baru saya ketahui..semoga bermanfaat buat kalian sobat,,dan yang pengen belajar HTML kunjungi aja www.w3schools.com
Sukses selalu dan tetap semangat J
0 komentar:
Posting Komentar