Belajar dan Mengenal HTML

 Mengenal HTML

     Hypertext Markup Language Atau yang sering di sebut HTML adalah bahasa pemrograman yang paling dasar yang di gunakan untuk membuat halaman web. Seorang web developer Harus menguasai bahasa ini, karna HTML merupakan dasar atau fondasi dari pembangunan sebuah website. Untuk memulai sebuah website dengan HTML Perlu mengetahui tentang Struktur dasar HTML, Tag-tag serta Fungsinya, Aturan dalam penulisan HTML, Element dan Atributnya. 


1. Struktur Dasar HTML

    Sebelum Membuat program HTML Kita harus mengetahui dulu Struktur dasar HTML yang terdiri dari tag-tag yang terstruktur. Kita bisa menggunakan notepad yang ada di komputer seperti gambar di bawah ini :

Penjelasan Struktur dasar HTML sebagai berikut:


a.  Tag DOGTYPE 

     Tag paling awal dalam struktur dasar HTML Adalah tag DOGTYPE atau tag DTD (Document Type Declaration) yang berfungsi Untuk memberi tahu browser bahwa dokumen yang di tampilkan adalah dokumen HTML. 


b.  Tag HTML 

     Tag berikutnya Yang di tulis setelah tag DTD adalah tag <html>. Tag ini adalah tag pembuka dari seluruh halaman web. Semua kode HTML yang ada dalam web harus berada setelah tag <html>. Tag <html> harus di tulis Secara berpasangan sehingga di akhiri Penulisan kode html harus di tutup dengan tag </html>.


c.   Tag Head 

      Tag berikutnya Setelah tag <html> adalah tag <head> Atau kepala dari halaman website. Pada tag ini Kita bisa menambahkan Banyak informasi seperti definisi dan judul, kode-kode cs, JavaScript, font dan lain-lain. 


d.   Tag Title 

      Judul dalam halaman website ditulis Menggunakan <title> yang berada dalam tag <head>. Judul ini biasanya di tampilkan di atas jendela browser. 



     Gambar 02. Tampilan judul halaman web


e.   Tag Body 

      Tag yang juga sangat penting adalah tag <body>, karena Semua isi elemen yang Akan di tampilkan dalam website harus ada dalam Tag ini. Seperti pada tag HTML lain, tag <body> juga Memiliki pasangan yang harus dituliskan di akhir sebagai penutup </body>. 



2. Tag dan Fungsinya 

    Seperti yang sudah kita bahas di materi sebelumnya, kita mengenal tag dalam HTML. Tag adalah kode yang akan di gunakan agar browser dapat menampilkan apa yang kita inginkan, karena HTML membutuhkan Cara memperkenalkan teks yang ditulisnya kepada web browser. Dalam penulisannya hampir semua tag HTML Menggunakan pembuka dan penutup tag. Perbedaan antara tag pembuka dan penutup adalah adanya Slash atau tanda garis miring (/) pada tag penutup. Untuk lebih jelasnya kita lihat contoh kode html di bawah ini : 




     Hasil kode HTML tersebut Jika di tampilkan pada browser akan menjadi gambar berikut :




    Gambar 03. Tampilan HTML dalam jendela browser

Komentar

Posting Komentar