Tutorial Dasar HTML

Minggu, 24 Februari 2013


1.      Pengenalan

HTML (Hypertext Markup Language) merupakan bahasa yang paling standard yang digunakan untuk membuat suatu website. HTML bukan merupakan bahasa pemrograman, karena bahasa ini hanya berguna untuk mengontrol tampilan dari suatu halaman (web page) beserta isinya.
Untuk membuat suatu dokumen HTML, hal-hal yang perlu kamu lakukan hanyalah sebuah text editor biasa seperti: Notepad atau Wordpad (program dasar bawaan windows). Setelah mengetikkan kode HTML di dalamnya kemudian di save (simpan) dengan akhiran (ekstensi) html. Sebagai contoh kamu bisa langsung menyimpan dokumen HTML dengan nama belajar.html. kemudian apabila file tela disimpan selanjutnya kamu dapat membuka dengan browser.


2.      Dasar HTML

Pengetahuan pertama tentang HTML yang harus kamu miliki adalah struktur dari HTML. Struktur HTML ini dapat kamu ibaratkan seperti Hamburger. Pernah makan? Kalau belum, kamu akan melihat roti bulat yang ditumpuk-tumpuk dengan isi sayuran didalamnya. Struktur HTML ini mirip seperti Hamburger, sayuran yang dijepit oleh roti tersebut adalah isi dari kedua tag HTML yang menjepitnya. Apa itu tag? Sekarang kita langsung lihat saja pada struktur sederhana dari HTML.


Struktur dasar HTML


<html>  
      <head>  
        <title> </title>  
      </head>  
      <body>  
     </body>  
</html> 

Kode yang dimulai dengan tanda < dan diakhiri dengan tanda > merupakan tag HTML. Tag-tag ini menandai bagian-bagian pada halaman situs agar ditamplkan sesuai dengan standar tampilannya.

            Tag <html> dan </html> merupakan tag utama dari HTML, segala yang terdapat dalam tag ini adalah bagian dari HTML. Tag <head> dan </head> digunakan untuk meletakkan informasi-informasi penting yang tidak ditampilkan oleh browser sehingga ketika kita tidak akan melihatnya di halaman situs. Tag <body> dan </body> adalah isi dari halaman situs. Disini tulisan, gambar, tabel akan ditampilkan di browser.
            Suatu hal mendasar yang harus diketahui dalam membangu situs menggunakan HTML adalah atribut. Atribut berbeda dengan tag.  Atribut adalah keterangan untuk tag. Misalkan untuk tag body ada beberapa atribut seperti bgcolor dan background. Contohnya adalah sebagai berikut:


<html>  
    <head>  
        <title>Sedang Belajar</title>  
    </head>  

    <body bgcolor=yellow>  
        aku belajar html nih ..  
    </body>  
</html>  








0 komentar: