Belajar Struktur Dasar HTML Dengan Cepat

Posted on | September 13, 2014 | 1 Comment

Untuk membuat halaman web dengan script html maka penting untuk kita mengetahui terlebih dahulu struktur dasar html. Memahami struktur dasar html merupakan suatu keharusan karena pada dasarnya halaman web selalu menggunakan script html yang kemudian dibantu dengan css, javascript dan bahasa pemrograman.

Berikut ini adalah dasar kode html:

<html>
<head>
<title>Judul Halaman Web</title>
<!– Tempat Meletakkan Kode CSS dan Javascript –>
</head>
<body>
<!– Content Halaman Web–>
</body>
</html>

Kode htlm selalu diapit oleh tag pembuka dan penutup atau tag tersebut saling berpasangan, untuk kode diatas berikut keterangan dari tag tersebut.

<html> </html> merupakan tag untuk membuka kode html yang dimulai dengan tag pembuka <html> dan ditutup dengan tag </html>.

<head> </head> merupakan kepala dari dokumen html yang didalamnya terdapat tag title dan di dalam head anda bisa menambahkan kode css atau javascript.

<title> </title> berisi judul dari halaman web, disinilah tempat untuk anda menuliskan judul halaman.

<!– –> tag yang digunakan untuk memberikan komentar atau keterangan sehingga memudahkan pembuat kode html mudah untuk mengenali baris kode tertentu, didalam tag tersebut dapat anda tambahkan keteranngan atau komentar apa saja yang anda suka.

<body> </body> merupakan isi dari halaman web baik itu text, gambar, animasi ataupun video yang hasilnya dapat dilihat orang lain melalui browser seperti google chrome,mozilla firefox, internet explorer dan web browser lainnya.

Sebagai contoh dibawah ini akan kita buat contoh html dasar. Untuk menuliskan kode html anda dapat menggunakan Notepad yang sudah tersedia di windows anda atau menggunakan Notepad++. Buka Notepad anda dan ketikkan kode html berikut ini.

<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
Hello Dunia..Ini adalah halaman web pertamaku..
</body>
</html>

Jika sudah siap anda ketikkan, simpanlah dokumen tersebut dengan nama html_dasar.html di drive komputer anda, ingat dokumen tersebut harus disimpan dengan nama yang berekstensi .html jika sudah kemudian bukalah file yang anda simpan tersebut menggunakan browser anda baik itu mozilla ataupun chrome maka anda akan melihat tampilan web seperti yang anda buat.

Demikian tutorial singkat Belajar Struktur Dasar HTML Dengan Cepat. Bila anda ingin membuat sebuah blog atau website ataupun ingin belajar menguasai pemrograman web, maka sangatlah penting untuk menguasai struktur dasar html.

Sampai disini dulu terimakasih sudah berkunjung dan membaca artikel Belajar Struktur Dasar HTML Dengan Cepat semoga bermanfaat.