menuMateri Dasar HTML


Pengenalan HTML

Hypertext Markup Language (HTML) adalah sebuah bahasa yang digunakan untuk membuat halaman web, HTML bukanlah bahasa pemrograman (programming language), tetapi bahasa markup (markup language), yaitu pembuatannya dengan penggunakan markah atau penanda-penanda yg disebut TAG.

 

Untuk membuat HTML ini dapat menggunakan Aplikasi Notepad bawaan Windows, namun untuk mendapatkan Library yang banyak dan mempermudah pengerjaan dapat menggunakan Aplikasi Text Editor populer lainnya seperti : Notepad++, Atom, Sublime Text, Visual Studio Code dan lain-lain.

 

Berikut ini contoh format standar HTML

 

<!DOCTYPE html>
     <html>
     <head>
          <title>Judul Halaman</title>
     </head>
     <body>

          < h1> Judul Utama< /h1>

          < p>Ini sebuah paragraf< /p >

     </body>
</html>

 

Penjelasan :

Deklarasi <! DOCTYPE html> mendefinisikan dokumen ini sebagai HTML5
Elemen <html> adalah elemen utama dari sebuah halaman HTML
Elemen <head> berisi informasi meta data tentang dokumen
Elemen <title> menentukan judul untuk dokumen
Elemen <body> berisi konten halaman yang terlihat pada browser
 

Tag HTML :

Tag HTML adalah nama elemen yang dikelilingi tanda kurung siku: 

     < p>   konten ada di sini ... < /p >

Tag HTML biasanya dibuat berpasangan seperti :
 
       < p>  
dan
       < /p >

 

Tag pertama dalam pasangan disebut tag awal, tag kedua disebut tag akhir
Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag
 
 
Untuk menjalankan file HTML harus menggunkan browser seperti Internet Explorer, Google Chrome, Mozila Firefox, Safari dan lain-lain. Tujuan dari browser adalah untuk membaca dokumen HTML dan menampilkannya.

Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk menentukan cara menampilkan dokumen, sehingga contoh diatas akan tampil seperti berikut :