Belajar HTML Untuk Pemula (Bag 1)

HTML (Hyper Text Markup Language) merupakan bahasa standard yang dapat digunakan untuk membuat tulisan maupun design di halaman web. Walaupun pada umumnya kita tidak perlu mengetahui scrip HTML untuk membuat sebuah halaman Website seperti dengan perangkat Macromedia Dreamsweaver, Microsoft Office Front Page, ataupun yang lainnya. Akan tetapi terkadang kita perlu mengetahui sedikit dasar-dasar HTML agar kita dapat memodifikasi tanpa harus membawa software yang berat-berat tadi. Kita hanya perlu text editor seperti Note Pad bawaan Microsoft Windows ataupun GEdit, Vi bawaan Linux. Berikut ini adalah beberapa tag yang sering digunakan dalam HTML.

Pengaturan Halaman

<HTML> </HTML> = Menyatakan kode-kode yang ditulis diantaranya akan dianggap sebagai format HTML.
<head> </head> = Mengatur bagian Title Bar di Browser 
<title> </title> = Mengatur judul website yang akan ditampilkan di Title bar 
<body> </body> = Mengatur bagian isi / halaman pada HTML 

Pengaturan Huruf

<b> </b> = Tulisan yang terletak di antara dua tag tersebut akan tebal.
<i> </i> = Tulisan yang terletak di antara dua tag tersebut akan miring.
<u> </u> = Tulisan yang terletak di antara dua tag tersebut akan bergaris bawah.
<font> </font> = merupakan tag yang digunakan untuk memodifikasi font
<font face="Arial"> </font> = Digunakan untuk menentukan jenis huruf
<font size="5"> </font> = Digunakan untuk menentukan ukuran huruf
<font color="Black"> </font>= Digunakan untuk menentukan warna huruf


Pengaturan Paragraf

<p align="justify"> </p> = untuk membuat tulisan rata kanan-kiri
<p align="center"> </p> = untuk membuat tulisan rata tengah
<p align="left"> </p> = untuk membuat tulisan rata kiri
<p align="right"> </p> = untuk membuat tulisan rata kanan
<br> = Membuat baris baru seperti kalau kita tekan enter ketika mengetik

Pengaturan Tabel

<table> </table> = Mendeklarasikan pembuatan tabel 
<tr> </tr> = Mendeklarasikan pembuatan kolom 
<td> </td> = Mendeklarasikan pembuatan baris 

Nah… kalau masih pusing silahkan buat source code berikut dan simpan dalam ekstensi *html oce

<html>
  <head>
    <title> Latihan Pertama </title>
  </head>
  <body>
    <b> Tulisan Tebal </b> <br>
    <i> Tulisan Miring </i> <br>
    <u> Tulisan Bergaris Bawah</u> <br>
    <b><u><i> Kalau tulisan ini tebal, bergaris bawah dan miring</i></u></b> <br>
    <p align="justify">
        Kalao tulisan ini akan menghasilkan rata kanan kiri. Karena kita menggunakan tag justify.
    </p>
    <p align="center">
        Kalau tulisan ini akan terbentuk rata tengah
    </p>
    <p align="left">
        Kalau tulisan ini akan menghasilkan rata kiri.
    </p>
    <p align="right">
        Kalau ini akan membentuk rata kanan.
    </p>
    <table border="1">
        <tr>
            <td>
                Cel Satu
            </td>
            <td>
                Cel Dua
            </td>
        </tr>
        <tr>
            <td>
                Aku
            </td>
            <td>
                Kamu
            </td>
        </tr>

    </table>
  </body>
</html>

Maka akan menghasilkan seperti berikut :
Latihan HTML 1
Dari gambar tersebut dapat kita lihat tag-tag yang kita buat di atas ternyata dapat mengubah format yang bisa kita tentukan dengan mudah. Tanpa harus menggunakan tool yang besar dan mahal. Nah… selamat mencoba kita kembangkan OpenSource di negeri kita tercinta ini. 😀
Tunggu edisi selanjutnya ini baru permulaan kita berjuang … Oce…

Iklan

15 comments on “Belajar HTML Untuk Pemula (Bag 1)

  1. terimakasih banyak..
    mas,om,tante,semua nya..
    atas informasi nya..
    membantu Banget…
    Doa’in iya..
    biar cepet kelar tugas nya..
    shemeikum’h..

  2. ada yang tahu kalau cara html dengan menggunakan mac seperti apa yah ?
    saya sudah mencoba di mac tapi selalu gagal

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s