Senin, 10 Januari 2022

HTML Dasar #1

    HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakan fisikawan di lembaga penelitian CERN, Swiss. Berners-Lee mempunyai ide atau pemikiran mengenai sistem hypertext berbasis internet. Sekitar tahun 1991, Tim merilis versi HTML pertama yang di dalamnya terdalam sekitar 18 tag.

    Untuk sekarang, HTML mengalami beberapa pengembangan dari sisi fitur serta informasi yang disajikan hingga versi terbaru, yaitu HTML5. Setiap tahunnya, bahasa ini mempunyai tingkat popularitas yang cukup tinggi sehingga dijadikan sebagai web standard resmi di dunia pemrograman.

    Selanjutnya, HTML juga mengalami tahap perbaikan (maintain) dan dikembangkan oleh World Wide Web Consortium (W3C). Pada tahun 2014, merupakan waktu dimana HTML mengalami upgrade yang cukup signifikan dan terdapat fitur semantic untuk memudahkan pengembang website dalam menyusun kode dan memberitahukan makna dari konten tersebut, sebagai contoh <article>, <footer>, dan <header>.

    Sebenernya, HTML itu apa sih?


Pengertian HTML

    HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat struktur halaman website agar dapat ditampilkan pada web browser. Jadi, HTML dapat dianalogikan sebagai pondasi awal dalam menyusun kerangka halaman web secara terstruktur sebelum membahas terkait tampilan desain dan sisi fungsionalitas.

Fungsi 

    Setelah mengenal sejarah singkat dari bahasa markup HTML, selanjutnya kita juga harus mengetahui kegunaannya. Berikut ini beberapa fungsi dan tujuan dari penerapan HTML untuk pembuatan situs atau web app.

    Fungsi utama penggunaan HTML sendiri adalah membangun tampilan website yang telah menerapkan metode semantik untuk memudahkan setiap pengembang dalam proses development dan maintenance. Kemudian, HTML juga dapat dikolaborasikan dengan penggunaan bahasa CSS (Cascade Style Sheet) serta JavaScript.

    Dimana peran dari HTML5 berfungsi untuk menyusun kerangka dan struktur halaman website. Kemudian, CSS membantu dalam memberikan tampilan desain meliputi warna, font, outline, dan lain sebagainya. Dan Tugas dari bahasa pemrograman JavaScript adalah memberikan sentuhan interaksi untuk memberikan pengalaman yang berbeda kepada user.

Kerangka Inti dan Cara Kerja HTML

    Lantas, bagaimana cara membuat kode program HTML yang baik dan benar? Untuk dapat mempelajari bahasa markup ini, anda dapat belajar dari media mana saja. Anda dapat memanfaatkan internet untuk mencari berbagai forum atau jurnal yang membahas terkait tutorial HTML. Berikut ini merupakan beberapa macam kerangka inti yang membentuk struktur bahasa markup mulai tag, elemen, dan atribut.

  • Tag, merupakan perintah atau awalan instruksi yang nantinya akan dibaca pada web browser. Misalnya adalah penggunaan tag <strong>, yang berfungsi untuk memberikan ketebalan pada teks paragraf.
  • Element, merupakan proses keseluruhan kode yang dimulai dari tag pembuka (< >) dan diakhiri dengan tag penutup (</>), sebagai contoh element <p>Ini adalah website saya</p>.
  • Attribute, merupakan informasi atau perintah tambahan yang dimasukkan ke dalam sebuah elemen. Misalnya saja <img class=”gambar” src=”komputer.jpg” alt=”komputer1” />, sehingga atributnya adalah class, src dan alt image.

    Setelah mengetahui informasi terkait struktur awal dari HTML, selanjutnya kita akan mengenal kerangka intinya.

1. <!DOCTYPE html>

Berfungsi untuk mendeklarasikan kepada komputer bahwa anda menuliskan sebuah perintah di dalam kode HTML.

2. <html></html>

Berfungsi untuk tag yang menandakan proses mulai menuliskan kode program pada dokumen HTML.

3. <head></head>

Tag ini digunakan untuk menambahkan metadata ke dalam dokumen html yang berisi judul, deskripsi, library dan lain sebagainya.

4. <body></body>

Dan yang terakhir, tag body digunakan sebagai tempat untuk menuliskan setiap elemen atau lebih tepatnya disebut juga dengan konten pada HTML itu sendiri.


Membuat Halaman Web Sederhana

Membuat halaman "Hello World!"

Ketikkan baris perintah berikut :

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Belajar HTML</title>
</head>
<body>
    <p>Hello World!</p>
</body>
</html>

Hasilnya akan seperti berikut :









Membuat Form Inputan

Ketikkan baris perintah berikut :

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <title>Belajar HTML</title>
</head>
<body>
    <h1>Halaman Form</h1>
    <form method="post">
        <p>Nama : <input type="text" name="nama"></p>
        <p>Email : <input type="text" name="email"></p>
        <p><label><input type="checkbox" name="belajar" value="HTML">Belajar HTML</label></p>
        <input type="submit" value="Submit">
    </form>
</body>
</html>

Hasilnya akan seperti berikut :









Segitu dulu blog kali ini, mohon maaf bila ada kekurangan.....


Sumber :

https://www.sekawanmedia.co.id/blog/pengertian-html/#:~:text=Sejarah%20HTML%20pertama%20kali%20dibuat,dalamnya%20terdalam%20sekitar%2018%20tag.

Tidak ada komentar:

Posting Komentar