Sabtu, 28 Maret 2015
Pengenalan HTML
Untuk membuat html, bukalah aplikasi Notepad ++ atau Notepad juga bisa, tapi disarankan Notepad++
Pertama, untuk membuat HTML buat seperti di bawah ini:
Tag html digunakan untuk mendeklarasikan bahwa tulisan di atas dikodekan sebagai hypertext markup language. Tag body (tubuh) atau bagian yang akan ditampilkan pada browser, digunakan untuk menampung perintah tertentu. Tag head digunakan untuk mendeklariskan beberapa perintah yang tidak ditampilkan pada browser, contohnya title (judul halaman-akan tampil pada tab browser), menempatkan CSS atau JavaScript. Tag p berarti mendeklarasikan bahwa teks di dalamnya merupkan suatu paragraf. Tag strong digunakan untuk menampilkan teks dalam bentuk tebal (bold) dan tag em untuk menampilkan teks dalam bentuk miring (italic).
H1, h2, dst biasa digunakan pada judul berfungsi sebagai heading layaknya di MS Word.
Cat: kata-kata yang ditebalkan adalah yang akan tampil di halaman browser. Untuk membuat background ‘latar belakang’ berwarna, bisa ditambahkan seperti di bawah ini:
<body bgcolor = “KODEWARNA”>
KODEWARNA merupakan 8 bilangan heksadesimal, contoh: putih = #FFFFFFFF.
MEMBUAT TABEL
Untuk membuat tabel, digunakan tag table, ‘border’ dalam html di atas bermakna bahwa tabel yang kita buat akan memiliki border dengan ketebalan sama dengan 1.
TR (Table Row) berfungsi untuk menandai teks yang tertulis akan terletak di baris tertentu.
TD (Table Data) berfungsi menempatkan suatu teks dalam suatu kolom tertentu. Istilah ‘align’ setelah TD bermakna kerataan teks (rata kiri, rata kanan, dll).
Catatan: untuk perintah <td style=”align: center; color: maroon”>, bermakna bahwa teks akan rata tengah dengan teks berwarna maroon.
HASIL:
MEMBUAT INPUT DAN BUTTON
Tag FORM berfungsi mendeklarasikan permintaan data dari user untuk dikirim ke server. <form method=”post” action=”ALAMATSERVER”>, ALAMATSERVER adalah alamat di mana data yang di-input akan ditampung dalam suatu server.
Tag INPUT berfungsi bermacam-macam sesuai dengan tipe (type) yang dideklarasikan. Apabila bertipe text, maka input yang diminta berupa karakter huruf dan/atau angka. Apabila bertipe password, maka input berupa karakter yang akan terlihat sebagai bulatan-bulatan.
Untuk membuat BUTTON ‘tombol’, maka tag input bertipe SUBMIT atau RESET. Sesuai namanya, tipe submit digunakan untuk memasukkan data ke server dan tipe reset digunakan untuk menghilangkan input yang dimasukkan. VALUE dalam hal ini digunakan untuk memberikan BUTTON suatu nama.
CATATAN: Tag marquee => menampilkan teks berjalan.
HASIL:
ORDERED DAN UNORDERED LIST
UL => unordered list, menampilkan suatu daftar tanpa urutan angka
OL => ordered list, menampilkan suatu daftar dengan urutan angka
LI => pengurutan suatu daftar.
CATATAN: tag BR pada html di atas bermakna sebagai satu spasi per satu tag.
HASIL:
MENAMPILKAN GAMBAR, MUSIK, DAN VIDEO
Tag figure digunakan untuk mendeklarasikan penambahan gambar. Tag IMG SRC berarti di mana letak gambar yang ingin ditampilkan (bisa berupa URL), width/height digunakan untuk mengatur dimensi gambar. Tag figcaption digunakan sebagai penanda gambar.
Tag audio controls berfungsi mendeklarasikan penambahan suara. Tag SOURCE SRC berarti di mana letak suara yang ingin ditampilkan (bisa berupa URL), tag type berarti tipe suara yang dimaksud bisa berupa .mp3, .aac, .flac, dll.
Tag video controls berfungsi mendeklarasikan penambahan suara. Tag SOURCE SRC berarti di mana letak video yang ingin ditampilkan (bisa berupa URL), tag type berarti tipe video yang dimaksud bisa berupa .mp4, .flv, .mkv, dll. Atau bisa juga dengan menambahkan EMBED video dari situs seperti YouTube, dll seperti contoh di atas.
HASIL:
