Mengenal Bahasa Pemrograman HTML

Dalam kehidupan sehari-hari kita sering membutuhkan internet dalam mencari informasi. Dengan menggunakan laptop/pc berkoneksi internet, kita bisa mendapatkan informasi secara optimal. Namun ketika kita mencari informasi, kita seringkali menemui yang namanya website. Website adalah kumpulan dari halaman-halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web (www) di dalam internet.

Namun, website tidak akan bisa berdiri jika tidak ada bahasa pemrogramannya. Ibaratkan website adalah rumah, maka bahasa pemrogramannya adalah pondasi rumah tersebut. Namun yang kerap digunakan dalam sebuah website adalah bahasa pemrograman HTML.

HTML (HyperText Markup Lenguage) adalah suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa. Sedangkan web browser adalah sebuah program aplikasi dalam komputer yang digunakan untuk membaca html, kemudian menerjemahkannya dan menampilkan hasilnya secara visual ke layar komputer.

Mengenal Bahasa Pemrograman HTML

Karena sebuah bahasa, maka HTML mempunyai aturan dan struktur tertentu untuk menuliskan perintah-perintahnya. Namun, dalam mempelajari HTML, terlebih dahulu kita harus mengenal struktur dasar dari bahasa pemrograman HTML. Berikut ini adalah struktur dasar HTML

<html>
<head>
   <title>Judul web</title>
</head>
<body>
   Isi website
</body>
</html>

Dari contoh struktur HTML di atas, maka bahasa pemrograman HTML selalu diawali dengan tag <html> dan diakhiri dengan tag </html>.

Dalam bahasa pemrograman HTML, kita harus mempelajari tag yang digunakan dalam bahasa pemrograman html. Adapun tag dasar yang sering digunakan HTML adalah:

  1. Tag <!–>
    Digunakan untuk menandai sebuah komentar suatu kode (script) dengan tanda ini, maka browser tidak akan menerjemahkannya.
    Contoh penggunaan:

    <!– disini ditulis komentar –>
    <!– tag b untuk bold atau cetak kebal –> <b> test tulis</b>

  2. Tag  <a>
    Singkatan dari anchor, tag ini digunakan untuk membuat sebuah tautan (link) antar-web.
    Contoh penggunaan:

    <a href=”http://www.google.com”> Link ke Google</a>

  3. Tag <b>
    Digunakan untuk membuat teks cetak tebal.
    Contoh penggunaan:

    <b>Teks ini dicetak tebal</b>

  4. Tag <big>
    Digunakan untuk membuat sebuah tulisan agar tampak lebih besar. Hal ini berbeda dengan cetak tebal (bold).
    Contoh penggunaan:

    <html>
    <head>
    <title>test menggunakan tag b dan big</title>
    </head>
    <body>
    <b>ini menggunakan bold</b>
    <br>
    <big>ini menggunakan big</big>
    </body>
    </html>

  5. Tag <body>
    Merupakan bagian dari struktur HTML yang digunakan untuk menandai badan (body) suatu dokumen HTML. Penggunaannya dapat dilihat seperti pada contoh di atas.
  6. Tag <br>
    Digunakan untuk mengakhiri suatu baris tulisan, lalu pindah ke baris baru bawahnya.
    Contoh penggunaan:

    <b>Ini menggunakan bold</b>
    <br>
    <big>Ini menggunakan big</big>

  7. Tag <button>
    Digunakan untuk membuat tombol di web browser. Biasanya digunakan untuk trigger suatu proses, misal digunakan untuk menyimpan atau menghapus data. Tag ini biasanya diletakkan dalam sebuah form.
    Contoh penggunaan:

    <button type=”button”>Ini tombol silahkan klik</button>

  8. Tag <center>
    Digunakan untuk menengahkan suatu teks halaman.
  9. Tag <caption>
    Digunakan untuk membuat judul sebuah tabel. Penggunaan tag ini biasanya bersamaan dengan deklarasi tabel.
    Contoh penggunaan:

    <table border=”1″>
    <caption>Judul tabel</caption>
    <tr>
    <th>Bulan</th>
    <th>Saldo</th>
    </tr>
    <tr>
    <td>January</td>
    <td>Rp 1.000.000</td>
    </tr>
    <tr>
    <td>February</td>
    <td>Rp 2.000.000</td>
    </tr>
    </table>

  10. Tag <div>
    Tag ini digunakan untuk mendefinisikan bagian dari suatu halaman web dengan format atau style tertentu.
  11. Tag <font>
    Digunakan untuk memformat bentuk font, warna, ukuran dari sebuah teks.
    Contoh penggunaan:

    <font size=”3″ color=”red”>Tulisan ini berwarna merah dengan ukuran 3</font>

  12. Tag <head>
    Digunakan untuk menampung elemen-elemen header  dari sebuah halaman web. Penggunaannya seperti pada contoh tag <big>
  13. Dan masih banyak lagi..

Dalam mempelajari bahasa pemrograman, kita tidak perlu harus menghafal semua tag yang ada pada HTML. dalam belajar HTML, sebaiknya kita belajar secara pelan-pelan saja. Hal ini akan memudahkan kita dalam mempelajari bahasa pemrograman HTML.

Sekian artikel ini, saya akan membahasa html pada postingan berikutnya. Semoga bermanfaat 🙂

Website adalah kumpulan dari halaman – halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. – See more at: http://tegararian.blogspot.com/2013/03/pengertian-website.html#sthash.yOGNzBdw.dpuf
Website adalah kumpulan dari halaman – halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. – See more at: http://tegararian.blogspot.com/2013/03/pengertian-website.html#sthash.yOGNzBdw.dpuf
Website adalah kumpulan dari halaman – halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. – See more at: http://tegararian.blogspot.com/2013/03/pengertian-website.html#sthash.yOGNzBdw.dpuf
Website adalah kumpulan dari halaman – halaman situs, yang terangkum dalam sebuah domain atau subdomain, yang tempatnya berada di dalam World Wide Web ( WWW ) di dalam Internet. – See more at: http://tegararian.blogspot.com/2013/03/pengertian-website.html#sthash.yOGNzBdw.dpuf
Banyak berbagi Banyak Rezeki :)

Written by

Masalah itu datang karena tuhan menguji kita. Alasan kenapa tuhan memberi kita cobaan yang berat adalah sebab kita mampu menghadapinya~

Leave a Reply

Your email address will not be published. Required fields are marked *