Apa itu html dan kegunaannya?

HyperText Markup Language (HTML)?

HyperText Markup Language (HTML) adalah kumpulan simbol atau kode markup yang disisipkan ke dalam file yang dimaksudkan untuk ditampilkan di Internet. Markup memberi tahu browser web cara menampilkan kata dan gambar halaman web

Each individual piece markup code (which would fall between "<" and ">" characters) is referred to as an element, though many people also refer to it as a tag. Some elements come in pairs that indicate when some display effect is to begin and when it is to end.

Takeaway kunci

• HyperText Markup Language (HTML) adalah bahasa skrip dasar yang digunakan oleh browser web untuk merender halaman di world wide web
• HyperText memungkinkan pengguna untuk mengklik tautan dan dialihkan ke halaman baru yang direferensikan oleh tautan itu
• Versi awal HTML bersifat statis (Web 1. 0), sementara iterasi yang lebih baru menampilkan banyak fleksibilitas dinamis (Web 2. 0, 3. 0)
• Markup adalah teks yang muncul di antara dua tanda kurung siku (mis. g. , ), dan konten adalah segalanya

Memahami HTML

HyperText Markup Language adalah bahasa komputer yang memfasilitasi pembuatan situs web. Bahasa, yang memiliki kata kode dan sintaksis seperti bahasa lainnya, relatif mudah dipahami dan, seiring berjalannya waktu, semakin kuat dalam hal memungkinkan seseorang untuk berkreasi. HTML terus berkembang untuk memenuhi tuntutan dan persyaratan Internet dengan kedok World Wide Web Consortium, organisasi yang mendesain dan memelihara bahasa; . 0

HyperText adalah metode yang digunakan pengguna Internet untuk menjelajahi web. Dengan mengklik teks khusus yang disebut hyperlink, pengguna dibawa ke halaman baru. Penggunaan hyper artinya tidak linier, jadi pengguna bisa kemana saja di internet hanya dengan mengklik link yang tersedia. Markup adalah apa yang dilakukan tag HTML pada teks di dalamnya; . Misalnya, teks markup dapat berupa huruf tebal atau huruf miring untuk menarik perhatian khusus pada kata atau frasa

Dasar-dasar Bahasa Markup HyperText

Pada intinya, HTML adalah rangkaian kode pendek yang diketik ke dalam file teks. Ini adalah tag yang mendukung kemampuan HTML. Teks disimpan sebagai file HTML dan dilihat melalui browser web. Browser membaca file dan menerjemahkan teks ke dalam bentuk yang terlihat, seperti yang diarahkan oleh kode yang digunakan penulis untuk menulis apa yang menjadi rendering yang terlihat. Menulis HTML membutuhkan tag untuk digunakan dengan benar untuk membuat visi penulis

Tag adalah apa yang memisahkan teks normal dari kode HTML. Tag adalah kata-kata di antara apa yang dikenal sebagai kurung siku, yang memungkinkan grafik, gambar, dan tabel muncul di halaman web. Tag yang berbeda melakukan fungsi yang berbeda. Tag paling dasar menerapkan pemformatan ke teks. Karena antarmuka web harus menjadi lebih dinamis, aplikasi Cascading Style Sheets (CSS) dan JavaScript dapat digunakan. CSS membuat halaman web lebih mudah diakses dan JavaScript menambahkan kekuatan ke HTML dasar

HTML vs. XML

Tidak seperti HTML, Extensible Markup Language, atau XML, memungkinkan pengguna menentukan markup mereka sendiri. Misalnya, dengan menggunakan XML, satu pengguna dapat memilih untuk menandai catatan kaki dengan tag , sementara pengguna lain dapat memilih

Menggunakan HTML, hanya satu tag yang ditentukan sebelumnya yang dapat digunakan untuk menunjukkan jenis informasi tertentu. Dokumen XML dimaksudkan agar mudah dibaca karena mengandung tag yang ditentukan pengguna dan karena dokumen hanya terdiri dari markup dan konten

HTML adalah bahasa markup yang banyak digunakan untuk membuat halaman web dan aplikasi web. HTML, bila digabungkan dengan JavaScript dan CSS, telah menjadi tonggak penting untuk pengembangan web. Salah satu aspek berguna dari HTML adalah, ia dapat menyematkan program yang ditulis dalam bahasa skrip seperti JavaScript, yang bertanggung jawab untuk memengaruhi perilaku dan konten halaman web. Penyertaan CSS akan memengaruhi tata letak dan tampilan konten. Blok bangunan dasar dari setiap halaman HTML adalah elemen HTML. Dokumen terstruktur dapat dibuat dengan bantuan teks struktural-semantik seperti judul, paragraf, daftar, tautan, dan item lainnya. Browser memang tidak menampilkan tag HTML tetapi memanfaatkannya untuk menginterpretasikan konten halaman. Seseorang perlu mempelajari berbagai tag dan kemudian memahami perilakunya

HTML digunakan untuk dokumen web, navigasi internet, dll. Dalam artikel Penggunaan HTML ini, kami akan fokus pada PENGGUNAAN HTML teratas

Mulai Kursus Pengembangan Perangkat Lunak Gratis Anda

Pengembangan web, bahasa pemrograman, pengujian Perangkat Lunak & lainnya

Paket Pengembangan Perangkat Lunak Semua dalam Satu(600+ Kursus, 50+ proyek)

Harga
Lihat Kursus

600+ Kursus Daring. 50+ proyek. 3000+ Jam. Sertifikat yang Dapat Diverifikasi. Akses Seumur Hidup
4. 6 (86.198 peringkat)

10 Penggunaan HTML Teratas

Temukan bagian di bawah ini, di mana HTML telah digunakan secara luas dan efektif. Di bawah ini adalah daftar 10 Penggunaan bahasa HTML teratas

1. Pengembangan halaman web

HTML banyak digunakan untuk membuat halaman yang ditampilkan di world wide web. Setiap halaman berisi sekumpulan tag HTML, termasuk hyperlink yang digunakan untuk menghubungkan ke halaman lain. Setiap halaman yang kita saksikan di world wide web ditulis menggunakan versi kode HTML

2. Pembuatan dokumen web

Pembuatan dokumen di internet didominasi oleh HTML dan konsep dasarnya melalui tag dan DOM, i. e. mendokumentasikan model objek. Tag HTML disisipkan sebelum dan sesudah atau frasa untuk menemukan format dan lokasinya di halaman. Sebuah dokumen web terdiri dari tiga bagian. judul, kepala, dan tubuh. Kepala menyertakan informasi untuk mengidentifikasi dokumen, termasuk judul dan kata kunci penting lainnya. Judul dapat dilihat di bilah browser, dan bagian badan adalah bagian utama situs web yang dapat dilihat oleh pemirsa. Ketiga segmen dirancang dan dibuat dengan menggunakan tag HTML. Setiap bagian memiliki kumpulan tag khusus, yang dirender secara khusus, menjaga konsep kepala, judul, dan isi dalam satu lingkaran

3. navigasi internet

Ini adalah salah satu penggunaan HTML yang paling penting, yang revolusioner. Navigasi ini dimungkinkan dengan memanfaatkan konsep Hypertext. Ini pada dasarnya adalah teks yang merujuk ke halaman web atau teks lain, dan ketika pengguna mengkliknya, akan menavigasi ke teks atau halaman yang direferensikan. HTML banyak digunakan untuk menyematkan hyperlink di dalam halaman web. Seorang pengguna dapat dengan mudah menavigasi halaman web dan juga di antara situs web, yang terletak di server yang berbeda

4. Fitur canggih

HTML5, dengan seperangkat standar dan API-nya, digunakan untuk memperkenalkan beberapa tren terbaru dalam bisnis pembuatan situs web. Seperti perpustakaan polyfill, yang juga didukung oleh browser lama. Peramban seperti Google Chrome adalah pilihan yang tepat untuk mengimplementasikan kumpulan standar dan API terbaru HTML5. Library JavaScript tersedia bernama Modernizr, yang dapat mendeteksi fitur yang memungkinkan developer memuat library polyfill secara dinamis sesuai kebutuhan

5. Gambar responsif di halaman web

Pada tingkat dasar dalam aplikasi HTML, kueri dapat diatur untuk memanfaatkan gambar, yang bersifat responsif. Dengan atribut srcset dari elemen img dalam HTML dan menggabungkannya dengan elemen gambar, pengembang dapat mengontrol sepenuhnya bagaimana pengguna akan merender gambar. Sekarang berbagai jenis gambar dengan variasi ukuran dapat dimuat dengan menggunakan elemen img. Aturan dapat dengan mudah diatur dengan elemen gambar;

6. Penyimpanan sisi klien

Sebelumnya, pengguna tidak dapat menyimpan data browser pengguna yang akan bertahan di seluruh sesi. Untuk memenuhi persyaratan ini, infrastruktur sisi server harus dibangun, atau cookie pengguna dapat digunakan. Tetapi dengan HTML5, penyimpanan sisi klien dimungkinkan menggunakan localStorage dan IndexedDB. Kedua strategi ini memiliki standar dan fitur masing-masing. localStorage pada dasarnya memberikan penyimpanan tabel hash berbasis string. API-nya sangat sederhana dan menyediakan metode setItem, getItem, dan removeItem kepada pengembang. IndexDB, di sisi lain, adalah penyimpanan data sisi klien yang lebih besar dan lebih baik. Basis data IndexedDB dapat diperluas dengan izin pengguna

7. Penggunaan kemampuan offline

Setelah data dapat disimpan di browser, pengembang dapat memikirkan strategi untuk membuat aplikasi berfungsi saat pengguna tidak terhubung. HTML5 memiliki mekanisme cache aplikasinya, yang akan menentukan bagaimana browser mengelola situasi offline. Cache aplikasi, yang bertanggung jawab atas kemampuan luring, terdiri dari berbagai komponen, termasuk metode API yang membuat pembaruan, membaca file manifes, dan peristiwa. Dengan menggunakan properti tertentu di HTML5, pengembang dapat memeriksa apakah aplikasi tersebut online atau tidak. Pengembang juga dapat menentukan dalam file manifes cache aplikasi situs web informasi, seperti browser apa yang mengelola sumber daya untuk penggunaan offline. Dalam file manifes, sumber daya yang tersedia offline juga dapat ditentukan

8. Dukungan Entri Data dengan HTML

Standar HTML5 dan kumpulan API dapat digunakan untuk mendukung tingkat pekerjaan entri data. Saat browser menerapkan standar HTML5 baru, pengembang cukup menambahkan tag ke tag, yang menunjukkan bidang, teks, format data, dll. HTML5 telah menghadirkan beberapa atribut baru untuk menggerakkan keyboard di layar, validasi, dan pengalaman entri data lainnya sehingga pengguna akhir dapat memiliki entri data yang lebih baik

9. Penggunaan pengembangan game

Sebelum munculnya HTML5, pengembangan game adalah domain eksklusif Flash dan Silverlight. Karena browser mendukung spesifikasi baru untuk HTML5, termasuk CSS3 dan mesin JavaScript ringan untuk mendorong pengalaman baru yang kaya, HTML5 dapat menghadirkan realitas pengembangan game, yang sebelumnya merupakan keahlian Flash dan Silverlight. Setiap fitur API tidak perlu diimplementasikan, tetapi fitur yang paling tepat dapat digunakan sambil menghilangkan fitur lainnya

10. Penggunaan API asli untuk memperkaya situs web

HTML5 menambahkan begitu banyak kemampuan dan alat baru, yang sebelumnya hanyalah imajinasi. Satu set besar API baru terkait sistem file, Geolokasi, seret dan lepas, penanganan peristiwa, penyimpanan klien, dll. , adalah kemampuan yang membuat penggunaan HTML5 lebih mudah dari sebelumnya. Pengalaman aplikasi dapat ditingkatkan dengan API lain seperti Layar Penuh, Visibilitas, dan Media Capture. Aplikasi web modern memiliki sifat asinkron, yang dapat dipupuk menggunakan Websockets dan pekerja Web seperti API

Kesimpulan

HTML lebih rumit dengan kumpulan elemen terbaru dan kumpulan API yang besar. Siapa pun yang dapat memahami konsep dasarnya adalah awal yang baik. Lewatlah sudah hari-hari ketika HTML identik dengan penggunaan sekumpulan elemen, tag, dan atribut tertentu. Dengan HTML5, pengembang memiliki banyak alat dan API potensial yang bagus di gudang mereka, yang dapat membuat teknologi kontemporernya tertinggal. Penggunaan dalam HTML tersebar luas dan menjadi lebih canggih dari sebelumnya. Ini adalah kemampuan pengembang untuk menempatkan aplikasi konsep HTML dalam penggunaan waktu nyata

Artikel yang Direkomendasikan

Ini telah menjadi panduan untuk penggunaan bahasa HTML. Di sini kita telah membahas konsep dasar dan 10 penggunaan HTML yang berbeda seperti pengembangan game, gambar Responsif pada halaman web, pengembangan halaman web, dll. Anda juga dapat melihat artikel berikut untuk mempelajari lebih lanjut –

Apa gunanya HTML?

Apa kegunaan dan pentingnya HTML?

Apa itu HTML dan bagaimana cara kerjanya?