Mohon tunggu...
Gifan
Gifan Mohon Tunggu... Programmer - Fullstack Web Developer

Saya adalah seorang content writer dan hobi ngoding

Selanjutnya

Tutup

Inovasi

Belajar HTML dari Awal untuk Pemula

21 Juni 2024   00:59 Diperbarui: 21 Juni 2024   01:01 34
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
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>

Mohon tunggu...

Lihat Konten Inovasi Selengkapnya
Lihat Inovasi Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun