Lihat ke Halaman Asli

Gifan

Fullstack Web Developer

Belajar HTML dari Awal untuk Pemula

Diperbarui: 21 Juni 2024   01:01

Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

Gadget. Sumber ilustrasi: PEXELS/ThisIsEngineering

Pendahuluan

HTML (HyperText Markup Language) adalah bahasa yang digunakan untuk membuat dan memformat halaman web. Dalam tutorial ini, kita akan belajar HTML dari awal dan menjelaskan tentang setiap tag yang digunakan dalam HTML. Dengan pemahaman yang baik tentang HTML, Anda akan dapat membuat halaman web yang menarik dan fungsional.

Apa itu HTML?

HTML adalah bahasa markup yang digunakan untuk membuat struktur dan tata letak halaman web. Markup adalah cara untuk memberi tahu browser bagaimana halaman web harus ditampilkan. HTML menggunakan tag untuk mengelompokkan dan memformat konten pada halaman web. Setiap tag memiliki fungsi dan penggunaan yang berbeda.

Tag Dasar HTML

Ada beberapa tag dasar yang harus Anda ketahui saat belajar HTML. Tag dasar ini adalah fondasi dari setiap halaman web. Beberapa tag dasar yang umum digunakan adalah:

1. Tag : Tag ini digunakan untuk menandai awal dan akhir dari dokumen HTML.
2. Tag : Tag ini digunakan untuk menandai bagian kepala dokumen HTML, yang berisi informasi tentang dokumen seperti judul, tautan ke file CSS, dan meta tag.
3. Tag : Tag ini digunakan untuk menentukan judul dari halaman web. Judul ini akan ditampilkan di bilah judul browser.<br>4. Tag <body>: Tag ini digunakan untuk menandai bagian tubuh dokumen HTML, yang berisi konten yang akan ditampilkan di halaman web.<br>5. Tag <h1> hingga <h6>: Tag ini digunakan untuk menandai judul dan subjudul pada halaman web. <h1> adalah judul utama, sedangkan <h6> adalah subjudul terkecil.</p><p>Tag Format Teks</p><p>Selain tag dasar, ada juga tag yang digunakan untuk memformat teks pada halaman web. Beberapa tag format teks yang umum digunakan adalah:</p><p>1. Tag <p>: Tag ini digunakan untuk menandai paragraf teks.<br>2. Tag <strong>: Tag ini digunakan untuk membuat teks menjadi tebal.<br>3. Tag <em>: Tag ini digunakan untuk membuat teks menjadi miring.<br>4. Tag <u>: Tag ini digunakan untuk menggarisbawahi teks.<br>5. Tag <br>: Tag ini digunakan untuk membuat baris baru dalam teks.</p><p>Tag Gambar dan Tautan<br>Selain teks, HTML juga mendukung penggunaan gambar dan tautan. Beberapa tag yang digunakan untuk ini adalah:<br>1. Tag <img>: Tag ini digunakan untuk menampilkan gambar pada halaman web. Anda perlu memberikan URL gambar sebagai atribut src.<br>2. Tag <a>: Tag ini digunakan untuk membuat tautan atau hyperlink. Anda perlu memberikan URL tautan sebagai atribut href.</p><p>Tag Tabel dan Daftar<br>HTML juga mendukung penggunaan tabel dan daftar. Beberapa tag yang digunakan untuk ini adalah:</p><p>1. Tag <table>: Tag ini digunakan untuk membuat tabel. Anda perlu menggunakan tag <tr> untuk membuat baris dan tag <td> untuk membuat sel pada tabel.<br>2. Tag <ul>: Tag ini digunakan untuk membuat daftar tak berurutan. Setiap item daftar diberi tag <li>.<br>3. Tag <ol>: Tag ini digunakan untuk membuat daftar berurutan. Setiap item daftar diberi tag <li>.</p><p><br></p><p>Kesimpulan</p><p>Dalam tutorial ini, kita telah belajar HTML dari awal dan menjelaskan tentang setiap tag yang digunakan dalam HTML. Dengan pemahaman yang baik tentang tag-tag HTML, Anda dapat membuat halaman web yang menarik dan fungsional. Selain tag-tag yang telah dijelaskan di atas, masih ada banyak tag lainnya yang dapat Anda pelajari. Teruslah belajar dan eksplorasi untuk meningkatkan kemampuan Anda dalam membuat halaman web.</p>

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H




BERI NILAI

Bagaimana reaksi Anda tentang artikel ini?

BERI KOMENTAR

Kirim

Konten Terkait


Video Pilihan

Terpopuler

Nilai Tertinggi

Feature Article

Terbaru

Headline