Biasanya penggunaan HTML secara umum adalah untuk mengatur paragraf, heading, dan link pada halaman web. Namun, meskipun susunannya seperti coding, perlu diketahui bahwa HTML bukanlah bahasa pemrograman
HTML tidak dianggap sebagai bahasa pemrograman karena tidak dapat menyediakan fungsi dinamis. Sekarang, bahasa markup ini dianggap sebagai standar web resmi, dikelola oleh World Wide Web Consortium (W3C), yang juga bertanggung jawab untuk merilis pembaruan reguler ke HTML.
Nah, pada artikel kali ini selain membahas tentang apa itu HTML, kita juga akan membahas tentang sejarah, cara kerja HTML, dan lain sebagainya. Selamat membaca
Apa itu HTML?
HTML adalah singkatan dari Hypertext Markup Language, yang merupakan bahasa markup standar untuk membuat dan mengatur halaman web dan aplikasi
Video Tutorial
Merasa lebih mudah mendengarkan video atau audio tutorial daripada membaca? . Berikut video tutorial tentang apa itu HTML
Jika Anda ingin membaca semuanya lebih detail, silakan lanjutkan ke tutorial di bawah ini. Selamat membaca
Situs web anti-lambat ekstra cepat. Dapatkan domain gratis dengan langganan hosting web 1 tahun. Pilih Hosting Web
Pengertian HTML dan Sejarahnya
Hypertext Markup Language atau HTML adalah bahasa markup standar yang digunakan untuk membuat halaman situs web dan aplikasi web. Sejarah HTML diciptakan oleh Tim Berners-Lee, seorang ahli fisika di lembaga riset CERN yang berlokasi di Swiss
Versi pertama HTML dirilis oleh Tim Berners Lee pada tahun 1991, yang memiliki 18 tag. Sejak itu, setiap kali ada versi baru, akan selalu ada tag dan atribut (pengubah tag) baru.
Ketika bekerja dengan bahasa markup ini, Anda menggunakan struktur kode sederhana (tag dan attribute) untuk mark up halaman website. Misalnya, Anda membuat sebuah paragraf dengan menempatkan enclosed text di antara tag pembuka
dan tag penutup
.
<p>This is how you add a paragraph in HTML.</p>
<p>You can have more than one!</p>
Berkat popularitasnya yang terus meningkat, bahasa markup ini sekarang dianggap sebagai standar web resmi
Spesifikasi HTML dikelola dan dikembangkan oleh World Wide Web Consortium (W3C). Berdasarkan Referensi Elemen HTML Jaringan Pengembang Mozilla, saat ini ada 140 tag HTML, meskipun beberapa di antaranya tidak lagi didukung oleh beberapa versi browser terbaru.
Kemudian, pada tahun 2014, HTML5 mulai diperkenalkan. Dengan diperkenalkannya HTML5, terdapat semantic baru seperti , , dan
Nah, setelah Anda mengetahui apa itu HTML, selanjutnya kita akan membahas cara kerjanya
Bagaimana Cara Kerja HTML?
Ekstensi file HTML adalah. html atau. htm, yang dapat dilihat menggunakan browser web apa saja (seperti Google Chrome, Safari, atau Mozilla Firefox). Browser membaca file HTML dan merender konten sehingga pengguna internet dapat melihat dan membacanya
Biasanya, rata-rata situs web menyertakan sejumlah halaman HTML yang berbeda. Misalnya, halaman beranda, 'Tentang Kami', halaman kontak memiliki dokumennya sendiri
Masing-masing halaman tersebut terdiri dari rangkaian tag (bisa juga disebut elemen), yang disusun membentuk sebuah halaman website. Tag membuat hierarki yang mengatur konten menjadi bagian, paragraf, judul, dan blok konten lainnya
Sebagian besar elemen bahasa markup ini memiliki tag pembuka dan penutup yang menggunakan syntax .
Berikut adalah contoh kode dari struktur HTML
<div>
<h1>The Main Heading</h1>
<h2>A catchy subheading</h2>
<p>Paragraph one</p>
<img src="/" alt="Image">
<p>Paragraph two with a <a href="https://example.com">hyperlink</a></p>
</div>
_
Elemen teratas dan terbawah adalah division sederhana () yang bisa Anda gunakan untuk mark up bagian konten yang lebih besar.
Susunan di atas terdiri atas heading (), subheading (), dan satu gambar (
Jika Anda ingin mempelajari lebih lanjut tentang pengertian tag HTML dan tag HTML serta fungsinya, silakan baca artikel contekan kami, lengkap dengan tautan unduhan dokumen PDF untuk membantu Anda mempelajarinya
Apa Perbedaan Antara HTML dan HTML5?
Sejak pertama kali diperkenalkan, bahasa ini mengalami perkembangan yang signifikan. W3C terus merilis versi dan pembaruan terbaru sambil mencetak sejarah dan memperkuat keberadaannya
HTML4 (dikenal sebagai "HTML") dirilis pada tahun 1999 dan versi terbaru diperkenalkan ke publik pada tahun 2014, yaitu HTML5, versi terbaru ini menambahkan lebih banyak fitur baru pada bahasa markup ini.
Salah satu fitur canggih di HTML5 adalah dukungan untuk embed audio dan video. Jadi, alih-alih menggunakan Flash player, kita bisa menyematkan file video dan audio ke halaman website dengan memanfaatkan tag dan . Fitur tersebut juga memiliki dukungan bawaan untuk SVG dan MathML untuk rumus matematika dan ilmiah.
HTML5 juga memperkenalkan beberapa peningkatan semantik. Tag semantik baru mengirimkan informasi ke browser tentang arti konten, yang tidak hanya berguna bagi pembaca, tetapi juga untuk mesin pencari
Tag semantic yang paling banyak digunakan adalah , , , , dan . Jika ingin mempelajari lebih lanjut, silakan baca artikel kami tentang perbedaan HTML dan HTML5.
Kelebihan dan Kekurangan HTML
Sama seperti hal teknis lainnya di dunia web, bahasa markup ini juga memiliki kelebihan dan kekurangan
Berikut kelebihan HTML
Banyak digunakan dan memiliki banyak sumber daya dan komunitas yang besar
Berjalan secara native di setiap browser web
Mudah untuk dipelajari
Sumber terbuka dan sepenuhnya gratis
Rapi dan konsisten
Menjadi standar web resmi, dikelola oleh (W3C)
Integrasi yang mudah dengan bahasa backend, seperti PHP dan Node. js
Kemudian, kekurangan dari HTML adalah
Umumnya digunakan untuk halaman web statis. Untuk fitur dinamis, Anda dapat menggunakan JavaScript atau bahasa backend, seperti PHP
Tidak dapat menjalankan logika. Akibatnya, semua halaman web harus dibuat terpisah meskipun menggunakan elemen yang sama, seperti header dan footer
Fitur baru tidak dapat digunakan dengan cepat di beberapa browser
Perilaku browser terkadang sulit diprediksi. Misalnya, browser lama tidak selalu dapat menampilkan tag yang lebih baru
Hubungan antara HTML, CSS, dan JavaScript
Walaupun dinyatakan sebagai bahasa markup yang canggih dan sederhana, HTML tidak sepenuhnya mampu membuat website yang profesional dan responsif. Bahasa ini hanya dapat digunakan untuk menambahkan elemen dan membuat struktur konten
Namun di satu sisi, bahasa ini dapat bekerja optimal dengan dua bahasa frontend. CSS (Cascading Style Sheets) dan JavaScript. Jika digabungkan, kedua bahasa frontend ini dapat meningkatkan pengalaman pengguna dan memberikan fungsi yang lebih canggih
CSS terkait erat dengan gaya, seperti latar belakang, warna, tata letak, spasi, dan animasi
JavaScript memungkinkan Anda menambahkan fungsionalitas dinamis, seperti penggeser, pop-up, dan galeri foto
Jika diilustrasikan, berikut adalah perbedaan antara HTML dan CSS dan JavaScript. HTML adalah orang yang tidak memakai baju, lalu CSS adalah bajunya, lalu JavaScript adalah aktivitas dan sikap orang tersebut.
Jadi, HTML adalah…
Sampai di sini, Anda telah mempelajari apa itu HTML, pengertiannya, dan cara kerjanya
HTML adalah bahasa markup, bukan bahasa pemrograman, dan tidak memiliki kemampuan untuk membuat fungsionalitas dinamis. Dengan bahasa markup ini, pengguna dapat mengatur dan memformat dokumen secara statis, seperti Microsoft Word
Berdasarkan cara kerja HTML, Anda dapat menggunakannya untuk membuat struktur konten di situs web dan aplikasi web (menggunakan pengkodean sederhana)
HTML adalah level terendah dari teknologi frontend dan berfungsi sebagai dasar penataan gaya yang dapat Anda tambahkan dengan CSS dan fungsionalitas yang dapat dijalankan menggunakan JavaScript
Penulis
Faradilla A
Faradilla, lebih dikenal dengan Ninda, adalah Content Manager di Hostinger. Dia suka mengikuti tren seputar teknologi, pemasaran digital, dan belajar bahasa. Melalui tutorial Hostinger ini, Ninda ingin berbagi informasi dan membantu pembaca memecahkan masalah yang dialami
Bagaimana cara menggunakan HTML?
Cara Membuat Halaman Web Sederhana dengan HTML .
Buka editor teks. .
Setel jenis dokumen ke HTML. .
Tambahkan tab judul ke halaman web Anda. .
Ketuk di bawah tanda "Kepala" tertutup. .
Selanjutnya buat judul halaman. .
Tambahkan judul tambahan jika Anda mau. .
Buatlah sebuah paragraf. .
Mengubah warna teks
Bagaimana cara memulai sintaks HTML?
Penulisan kode HTML selalu diawali dengan deklarasi DOCTYPE, kemudian tuliskan tag .
Tag meta untuk SEO;
Tag untuk judul;.
Tempat menulis kode CSS dan Javascript;
dan lain-lain
Bagaimana cara kerja HTML jelaskan secara singkat?
HTML (HyperText Markup Language) adalah bahasa yang menggunakan tanda (tag) tertentu untuk mengekspresikan kode-kode yang harus ditafsirkan oleh browser agar halaman dapat ditampilkan dengan benar< /a> .
HTML dimulai dengan kode apa?
Pada umumnya penulisan tag pada html secara berpasangan dimulai dengan Isi dari isi , Jadi apa yang dimaksud yang dimaksud elemen dalam HTML adalah blok kode yang dimulai dari tag pembuka sampai dengan tag penutup, namun ada juga tag yang berdiri sendiri dalam penulisannya seperti