Pengenalan Bahasa Web HTML

Pengenalan HTML – HTML singkatan dari Hyper Text Markup Language, merupakan bahasa paling sering dijumpai untuk mengembangkan sebuah halaman website. Untuk belajar pengembangan website alangkah baiknya memulai untuk berlatih bahasa HTML.

HTML dibuat oleh Berners-Lee pada akhir tahun 1991, namun HTML 2.0 yang merupakan spesifikasi standar utama HTML dipublikasikan pada tahun 1995. Versi HTML 4.01 merupakan versi terbanyak dari HTML dan dirilis pada akhir tahun 1999. Saat ini versi HTML5 ekstensi dari HTML 4.01 yang telah dirilis pada tahun 2012. HTML5 mempunyai banyak fitur yang tidak dimiliki oleh generasi sebelumnya, sehingga sekarang menjadi sangat populer untuk dipelajari.

File penyimpanan dari file HTML mempunyai ekstensi *.html atau *htm. Untuk menjalankan file HTML anda cukup menggunakan browser pada komputer. Sedangkan untuk mengedit file HTML anda bisa menggunakan Text Editor.

Contoh Browser:
1. Internet Explorer / MS Edge
2. Mozilla Firefox
3. Google Chrome
4. Safari

Contoh Text Editor Gratis:
1. Notepad (sudah tersedia di windows)
2. Notepad++ (Windows)
3. SublimeText (Windows, Mac OS, Linux)
4. Atom (Windows, Mac OS, Linux)
5. TextEdit(Mac OS)
6. Ultra Edit
7. Visual Studio Code

Penggunaan Pengenalan HTML Tags

Pada bahasa HTML selalu menggunakan tag untuk format sebuah konten. Tag dari html menggunakan tanda kurung <Nama Tag> dan diakhiri dengan </Nama Tag>. Sebagai contoh tag <html> diakhiri dengan tag </html> dan tag <p> diakhiri menggunakan tag </p>.

Contoh HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Ini Judul dari Dokumen</title>
    </head>
    <body>
        <h1>Ini Sebuah Heading</h1>
        <p>Saya suka belajar HTML</p>
    </body>
</html>

Output:

Pengenalan Bahasa HTML

Penjelasan Kode HTML
1. <!DOCTYPE … >
merupakan deklarasi tag oleh web browser untuk mengenali versi dari HTML. Versi sekarang adalah HTML5 dan menggunakan deklarasi <!DOCTYPE html>
2. <head> … </head>
merepresentasikan dokumen header
3. <title> … </title>
digunakan didalam tag <head> yang menandakan judul sebuah dokumen.
4. <body> … </body>
digunakan untuk representasi dari isi dokumen.
5. <h1>Ini Sebuah Heading</h1>
representasi dari heading
6. <p>Saya suka belajar HTML</p>
representasi dari paragraf.

Demikian tutorial mengenai pengenalan bahasa HTML yang digunakan sebagai dasar berlatih membuat website. Semoga tutorial ini bermanfaat dan terima kasih.