Pengenalan HTML – Bagian 1

 

Pengenalan HTML Bagian 1 - TipSetip.info

Ini merupakan artikel pertama kami tentang HTML. HTML merupakan bahasa yang paling populer di Web sampai saat ini. Tanpa HTML, media Internet tidak akan semudah yang kita rasakan sekarang. Bahasa pemrograman HTML juga dianggap sebagai fondasi awal dari Internet. Kalau diibaratkan sebagai rumah, HTML itu layaknya susunan batu bata pada tembok. Jadi, HTML ini super penting karena ini adalah dasar bagi kalian yang ingin belajar membuat website.

APA ITU HTML?

HTML merupakan singkatan dari Hyper Text Markup Language. HTML adalah bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman website. Untuk lebih jelasnya bisa dilihat disini: HTML di Wikipedia.

Seperti yang kita ketahui, HTML sekarang sudah berada pada generasi ke 5 atau biasa disingkat dengan HTML5. Sesuai dengan judul diatas (Pengenalan), maka kami hanya akan membahas tentang HTML versi sebelumnya, yaitu HTML versi 4.0.1.

PERSIAPAN

Sebelum membahas artikel ini lebih lanjut, perlu diketahui bahwa kita membutuhkan peralatan seperti dibawah ini:

  1. Text Editor, untuk mengelola kode. Bisa menggunakan Notepad (standar Windows) atau untuk yang lebih expert bisa menggunakan aplikasi semacam Notepad++. Untuk mendownload Notepad++ bisa melalui link: Download Notepad++.
  2. Web Browser, untuk melihat tampilan hasil editan kita. Bisa menggunakan Internet Explorer, Mozilla Firefox, Opera, Safari, Chrome, dll.

1. STRUKTUR HTML DASAR

HTML memiliki struktur penulisan yang sangat sederhana. Struktur ini terdiri dari 2 ‘tag‘ yaitu tag pembuka: ‘<tag>‘ dan tag penutup: ‘</tag>‘.

Struktur dasar pembuatan halaman web harus seperti ini:

<html>
 <head>
  <title>Judul Halaman</title>
 </head>
 <body>
    Isi Halaman
 </body>
</html>

Berikut merupakan penjelasan dari tag diatas:

  • <html> – tag ini adalah tag pembuka dari setiap halaman HTML dimana kode tag awal ini memberitahu browser bahwa halaman menggunakan HTML.
  • <head> – tag ini memberitahu browser bahwa header telah dimulai. Header berisi informasi tentang halaman yang tidak ditampilkan dalam tubuh utama dari jendela browser.
  • <title>Judul Halaman</title> – tag ini memberitahu browser bahwa teks ini adalah judul halaman. Judul akan muncul di bar judul browser dan juga di task bar (di sebelah menu start pada komputer Windows).
  • </head> – Ini menandakan akhir dari header.
  • <body> – Ini merupakan bagian body pada halaman web.
  • </body> – Tag ini merupakan penutup dari halaman body.
  • </html> – Tag ini merupakan tag penutup halaman HTML.

CONTOH HALAMAN WEB DASAR

Nah, sekarang kita akan membuat sebuah halaman web yang sangat sederhana. Copy kode dibawah dan paste-kan ke Notepad Anda, kemudian simpan dengan nama: contoh1.html.

<html>
 <head>
  <title>My First Web Page</title> 
 </head> 

 <body> 
  Selamat Datang di halaman Web pertama saya! Tujuan dari pembuatan halaman Web ini adalah untuk mempelajari kode HTML. Semoga halaman ini merupakan awal dari sebuah web yang fantastis nantinya. Semangat!
 </body> 
</html>

Setelah menyimpan kode tersebut dengan nama ‘contoh1.html‘, tutup notepad Anda dan jalankan halaman tersebut menggunakan web browser Anda dengan cara meng-klik 2 kali file tersebut. Untuk lebih memudahkan Anda dalam mengedit sekaligus menampilkan halaman web kreasi Anda silahkan coba tools online milik w3c berikut: Edit Web Online.

Selesai sudah tutorial Pengenalan HTML bagian pertama ini. Terima kasih sudah berkunjung di situs kami.

No Comments

    Leave a reply