$type=ticker$count=12$cols=3$cate=0

Mengenal HTML: Bahasa Markup yang Mendasar dalam Pengembangan Web

SHARE:

HTML (HyperText Markup Language) adalah bahasa markup

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur dasar sebuah halaman web. Meskipun terlihat sederhana, HTML memiliki peran yang sangat penting dalam pengembangan web karena merupakan tulang punggung dari semua konten yang dilihat dan diakses oleh pengguna di internet. Dalam artikel ini, kita akan menjelajahi apa itu HTML, bagaimana cara kerjanya, serta beberapa elemen dasar yang sering digunakan dalam pembuatan halaman web.

Sejarah Singkat HTML

HTML pertama kali diperkenalkan pada tahun 1991 oleh Tim Berners-Lee, seorang fisikawan komputer asal Inggris yang juga dikenal sebagai "Bapak dari World Wide Web". Tujuan awal HTML adalah untuk memudahkan berbagi dokumen ilmiah antarpeneliti di CERN (Organisasi Eropa untuk Penelitian Nuklir). Seiring waktu, HTML berkembang menjadi bahasa standar untuk membuat halaman web dan mendukung evolusi internet.

Cara Kerja HTML

HTML bekerja dengan cara memberikan struktur dasar untuk konten web. Setiap elemen dalam HTML didefinisikan menggunakan tag. Tag HTML ditempatkan di antara tanda kurung sudut (<>) dan biasanya terdiri dari tag pembuka dan penutup, walaupun ada beberapa pengecualian. Tag pembuka memberi tahu browser mulai dari mana elemen tersebut dimulai, sementara tag penutup menandakan di mana elemen tersebut berakhir.

Elemen Dasar HTML

Ada banyak elemen yang bisa digunakan dalam HTML, namun beberapa yang paling umum adalah sebagai berikut:

1. <html>: Elemen ini menandakan awal dan akhir dari sebuah dokumen HTML.

2. <head>: Elemen ini berisi informasi-informasi mengenai dokumen seperti judul, stylesheet, atau script.

3. <title>: Elemen ini menentukan judul dari halaman web.

4. <body>: Elemen ini berisi konten yang akan ditampilkan pada halaman web.

5. <h1> - <h6>: Elemen-elemen ini digunakan untuk menandai judul dari sebuah bagian atau subbagian di halaman web, dengan <h1> memiliki tingkat kepentingan tertinggi dan <h6> memiliki tingkat kepentingan terendah.

6. <p>: Elemen ini digunakan untuk menandai sebuah paragraf.

7. <a>: Elemen ini digunakan untuk membuat tautan (link) ke halaman web lain.

8. <img>: Elemen ini digunakan untuk menampilkan gambar di halaman web.

9. <ul> dan <ol>**: Elemen-elemen ini digunakan untuk membuat daftar tidak berurutan (unordered list) dan daftar berurutan (ordered list) secara berturut-turut.

10. <div> dan <span>**: Elemen-elemen ini digunakan sebagai wadah untuk mengelompokkan elemen-elemen HTML lainnya.

Kesimpulan

HTML adalah bahasa markup yang sangat penting dalam pengembangan web karena memberikan struktur dasar untuk konten yang dilihat oleh pengguna di internet. Dengan memahami konsep dasar HTML serta elemen-elemen yang sering digunakan, Anda dapat membuat halaman web yang menarik dan fungsional. Jangan ragu untuk terus belajar dan mengembangkan keterampilan dalam penggunaan HTML untuk menciptakan pengalaman web yang lebih baik bagi pengguna. Semoga artikel ini bermanfaat bagi Anda dalam memahami HTML!


Credit :
Penulis : Nurani P.
Gambar Ilustrasi : Canva

COMMENTS

Nama

css,13,html,18,javascript,11,laravel,6,pascal,5,php,22,sql,7,
ltr
item
DEV Media: Mengenal HTML: Bahasa Markup yang Mendasar dalam Pengembangan Web
Mengenal HTML: Bahasa Markup yang Mendasar dalam Pengembangan Web
HTML (HyperText Markup Language) adalah bahasa markup
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Tz9AeAOYg28pNrLqLVkek6ZFb-rOxV6-Kfh4Rl2BNIo6HMNJeNGV0vUV08BqJBljFE2eLBPuasxhvyM0DznIIo7l4p6iPdhVIsLSjNaLP04AFXnpdmbgEKY9bW5Hjgs5voiqChHoq3VLNwGd5dM4As82XB0QAk_nQR6NTeZUSUm99sIDpX9kxHp-0Hqm/s320/html10.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Tz9AeAOYg28pNrLqLVkek6ZFb-rOxV6-Kfh4Rl2BNIo6HMNJeNGV0vUV08BqJBljFE2eLBPuasxhvyM0DznIIo7l4p6iPdhVIsLSjNaLP04AFXnpdmbgEKY9bW5Hjgs5voiqChHoq3VLNwGd5dM4As82XB0QAk_nQR6NTeZUSUm99sIDpX9kxHp-0Hqm/s72-c/html10.jpg
DEV Media
https://www.dev.or.id/2024/03/mengenal-html-bahasa-markup-yang.html
https://www.dev.or.id/
https://www.dev.or.id/
https://www.dev.or.id/2024/03/mengenal-html-bahasa-markup-yang.html
true
6052010953020735000
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content