Apa Itu HTML? Pengantar Sederhana untuk Membuat Website

Pengantar Sederhana untuk Membuat Website

Halo teman-teman!

Kali ini kita akan mulai mengenal HTML lebih dalam. Apa itu HTML, dan bagaimana cara kita menggunakannya untuk membuat website? Yuk, kita pelajari bersama!

HTML, Fondasi Website

Apa pun browser yang kalian gunakan—seperti Chrome, Safari, atau Brave—semuanya bekerja dengan cara yang sama. Browser mengambil berbagai file seperti HTML, CSS, dan JavaScript, lalu mengubahnya menjadi tampilan website yang kita lihat.

Namun, tahukah kalian? Untuk membuat website, kita hanya memerlukan file HTML. Bahkan, website-website pertama di dunia semuanya hanya dibuat menggunakan HTML.

Jadi, HTML itu apa sih?
HTML adalah singkatan dari Hypertext Markup Language. Singkatnya, HTML adalah bahasa yang digunakan untuk menentukan konten dan struktur website.

Misalnya, sebuah file HTML sederhana hanya menampilkan teks “Website Saya” sebagai judul. Ketika file ini dibuka di browser, teks tersebut akan langsung terlihat di layar.

Apa itu Hypertext?

Kita bahas bagian pertama dulu, yaitu Hypertext.
Hypertext adalah teks yang bisa menghubungkan kita ke dokumen lain di website. Kalian pasti sudah sering melihat teks berwarna biru yang bisa diklik—itulah yang disebut hyperlink.

Contohnya, pada website pertama yang dibuat oleh Sir Tim Berners-Lee, sang penemu Internet, kita bisa melihat banyak hyperlink. Jika kalian mengklik salah satu hyperlink seperti “How can I help?”, kalian akan diarahkan ke file HTML lain.

Hypertext adalah cara kerja dasar website: satu halaman menghubungkan ke halaman lain menggunakan hyperlink.

Apa Itu Markup Language?

Sekarang, kita bahas bagian kedua, Markup Language.
Markup Language mirip dengan tanda-tanda yang kita gunakan dalam bahasa sehari-hari, seperti tanda kutip untuk menunjukkan sebuah kalimat adalah kutipan. Dalam HTML, markup dibuat menggunakan tag HTML.

Misalnya:

  • Tag <h1> digunakan untuk membuat heading besar.
  • Tag <p> digunakan untuk membuat paragraf.

Dulu, HTML hanya punya sedikit tag. Tapi sekarang, ada banyak sekali tag HTML! Tenang saja, kita hanya akan mempelajari tag-tag yang penting dan sering digunakan.

Mulai Belajar HTML

Dalam pelajaran berikutnya, kita akan mulai belajar tentang salah satu tag HTML paling dasar dan penting, yaitu heading (<h>). Jangan khawatir, kita akan pelajari langkah demi langkah sambil membuat proyek sederhana.

Sampai sini dulu ya. Sampai jumpa di pelajaran berikutnya! 

Komentar

Postingan Populer

Gambar

Superingan is a Blogger template designed with simplicity and functionality in mind, offering a clean and user-friendly platform for professional websites. This theme is perfect for various website types, including personal blogs, online magazines, news websites, and portfolios. Features: Responsive Design: Your website will look its best across all devices, from desktops and laptops to tablets and smartphones. Customizable Colors: Easily change the template's colors to match your branding or preferences. Custom Headers: Upload your own header image to add a personal touch to your website. Custom Menus: Create and manage your website's navigation menus with ease. Widget Areas: Add widgets to display additional content and features on your website's sidebar. Clean HTML & CSS Code: The template is built with clean and well-structured code, making it easy to learn and customize further. Superingan is an ideal choice for those seeking a professional website with a sim...

Gambar

Halo teman-teman! Setelah kemarin kita belajar tentang warna di CSS , kali ini kita akan belajar sesuatu yang tidak kalah serunya, yaitu bagaimana mempercantik tulisan atau teks di halaman website kita dengan CSS. Kamu tentu pernah melihat tulisan di website yang keren-keren, kan? Ada yang besar, kecil, tebal, tipis, bahkan ada juga yang menggunakan gaya tulisan unik. Nah, semuanya bisa kamu lakukan sendiri loh, dengan CSS! Mengenal Font dalam CSS Di CSS, ada banyak cara untuk mengubah tampilan tulisan atau teks. Berikut beberapa hal dasar yang perlu kamu ketahui: 1. Mengubah Ukuran Teks (font-size) Ketika membuat website, kamu pasti ingin beberapa teks tampil lebih besar, seperti judul, dan beberapa teks lain lebih kecil, seperti isi paragraf. Di CSS, kita pakai yang namanya font-size untuk mengubah ukuran teks. Contoh penulisannya begini: h1 { font-size: 24px; } p { font-size: 16px; } Kalau kamu tulis seperti itu, judul (h1) akan menjadi lebih besar daripada paragr...

Gambar

Halo teman-teman! Kita sudah membahas apa itu HTML di postingan sebelumnya. Kali ini, kita lanjut belajar dengan mempraktikkan salah satu elemen HTML paling penting, yaitu heading . Yuk, kita mulai! Apa Itu Heading? Dalam HTML, heading digunakan untuk memberi judul atau hierarki pada bagian-bagian website. Contohnya seperti di buku, heading itu seperti judul utama, subjudul, hingga bagian-bagian kecil dalam bab. Heading dalam HTML dibuat menggunakan tag seperti <h1> hingga <h6> . <h1> : Heading paling besar dan penting, biasanya digunakan untuk judul utama. <h6> : Heading paling kecil, untuk detail atau subbagian. Membuat Heading dalam HTML Begini contoh penggunaan tag heading: <h1>Hello World</h1> Tag pembuka : <h1> Tag penutup : </h1> (ingat, ada tanda garis miring / untuk menutup tag). Konten : Teks yang diapit oleh tag, seperti "Hello World" di atas. Perbedaan Tag dan Elemen Tag : Bagian yang ada di ...