Selamat datang di semester baru, pada semester ini kampus virtual akan memberikan pembelajaran terkait dengan mata kuliah Pemrograman Website I. Materi pertama yang akan dibahas oleh kampus virtual adalah “Dasar-dasar HTML”. Untuk lebih jelasnya silahkan Anda baca materi di bawah ini dan selamat belajar.
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa). Bentuk dasar HTML adalah sebagai berikut:
| <HTML> <HEAD> <TITLE>…</TITLE> </HEAD> <BODY> ….. ….. ….. </BODY> </HTML> |
Tag-tag HTML terdiri dari:
|
Tag
|
Fungsi
|
| <body>…</body> | Untuk menampilkan halaman web. Mempunyai atribut bgcolor untuk member warna background dan warna teks. Misalnya:
<body bgcolor=”red” text=”blue”>…<body> |
| <br> | Untuk berpindah baris |
| <h1>…<h1>
… <h6>…<h6> | Untuk membuat heading dan menentukan ukuran huruf, semakin ke bawah hurufnya semakin kecil |
| <hr> | Membuat garis horizontal |
| <center>…</center> | Format rata tengah |
| <b>…</b> | Menebalkan text |
| <big>…</big> | Memperbesar text |
| <i>…</i> | Membuat text miring |
| <small>…<small> | Memperkecil text |
| <sub>…</sub> | Membuat subskrip |
| <sup>…</sup> | Membuat superskrip |
| <u>…</u> | Membuat text bergaris bawah |
| <font>…</font> | Untuk menentukan jenis font, mempunyai atribut face, size dan color. Misalnya:
<font face=”arial” size=”1” color=”green”…</font> |
| <p> | Untuk membuat paragraph |
| <pre>…</pre> | Format teks akan ditampilkan seperti yang tertera pada editor. |
| <ul>…</ul> | Membuat list tanpa nomor urut, mempunyai atribut berupa type. Misalnya:
<ul type=”square”>…</ul> |
| <ol>…</ol> | Membuat list bernomor urut, mempunyai atribut berupa type. Misalnya:
<ol type=1>…</ol> |
| <li> | Membuat item-item pada list dan harus berada di dalam tag <ul>…</ul> atau <ol>…</ol> |
| <img scr=”nama_file”> | Untuk menampilkan gambar |
| <a href=”nama_file”>…</a> | Untuk membuat link |
| <table>…</table> | Untuk membuat table, mempunyai atribut border dan gbcolor |
| <caption>…</caption> | Untuk membuat judul tabel |
| <th>…</th> | Untuk membuat judul kolom |
| <tr>…</tr> | Untuk membuat baris dalam tabel |
| <td>…</td> | Untuk membuat suatu cel data, memiliki atribut rowspan dan colspan. |
Latihan Praktek
Materi latihan praktek dapat diunduh melalui link di bawah ini:
Catatan : gunakan text editor notepad atau notepad ++ untuk praktek
