Web Programming Pertemuan 2
HTML(HyperText Markup Language) digunakan untuk membuat user interface suatu website. Pengunaan HTML dapat diakses menggunakan keyword “<>”, contoh <HTML>. Ada 2 tipe pengunaan keyword pada HTML, yakni memiliki pasangan (ada pembuka dan penutup), contoh <b></b> dan tidak memiliki pasangan, contoh <img />.
Untuk melakukan coding dengan HTML, anda dapat menggunakan software sebagai berikut: notepad, textpad, adobe dreamweaver, netbeans, dan lain-lain.
Contoh koding simpel dengan HTML:
<html>
<head><title>TITLE</title></head>
<body>CONTENT</body>
</html>
Gambar 1: Macam-macam HTML tag
Contoh 1: Pengunaan tag umum pada HTML
<body><b>ini huruf tebal</b></body>
Contoh 2: Penggabungan 2 tag umum pada HTML
<body><b><i>tebal dan miring</i></b></body>
Contoh 3: Untuk menurunkan huruf/kata ke baris selanjutnya
<body>baris pertama<br>baris kedua</body>
Contoh 4: Membuat tabel di HTML
<table>
<tr> (baris)
<td></td> (kolom)
</tr>
</table>
Contoh 5: Menggunakan hyperlink ke halaman html/website lain
<a href=”http://google.com”>Klik disini untuk ke website Google</a>
Contoh 6: Memasukkan gambar ke HTML
<img src=”logo.jpg” width=”100″ height=”100″>
*gambar harus berada didalam 1 folder yang sama dengan HTML.
Style Sheet
- Agar tampilan halaman website terlihat lebih bagus, berwarna, dan teratur, website digabungkan dengan style sheet
- Dengan style sheet, halaman-halaman pada website memiliki kerangka yang sama, hanya tinggal diubah isinya saja
- Style sheet biasa disebut dengan CSS(Cascading Style Sheets) dengan ekstensi .css
Aturan CSS memiliki 2 bagian utama, selector dan satu atau lebih declaration.
Contoh CSS:
Contoh pemakaian CSS di HTML:
No Comments »
RSS feed for comments on this post. TrackBack URL