Tutorial Belajar HTML Dasar untuk Pemula Blogger
Tutorial Belajar HTML Dasar untuk Pemula Blogger
HTML (HyperText Markup Language) adalah bahasa dasar yang digunakan untuk membuat halaman web. Bagi seorang blogger pemula, memahami HTML adalah langkah penting untuk mengelola tampilan blog dan menyesuaikan konten sesuai keinginan. Dalam artikel ini, kita akan membahas dasar-dasar HTML, struktur umum halaman web, dan cara menambahkan gambar di postingan.
1. Struktur Dasar HTML
Setiap halaman web menggunakan struktur dasar HTML. Berikut contoh struktur HTML minimal:
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Belajar HTML Dasar</title>
</head>
<body>
<h1>Selamat Datang di Tutorial HTML</h1>
<p>Ini adalah paragraf pertama yang menjelaskan tentang HTML dasar.</p>
</body>
</html>
2. Tag HTML Penting
Beberapa tag HTML yang sering digunakan di blog antara lain:
Heading
Digunakan untuk judul dan subjudul:
<h1>Judul Utama</h1> <h2>Sub Judul</h2>
Paragraf dan Teks
<p>Ini adalah contoh paragraf di blog.</p>
Link (Hyperlink)
<a href="https://www.example.com">Kunjungi Website</a>
Daftar
Unordered List (bullet):
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
Ordered List (angka):
<ol>
<li>Langkah 1</li>
<li>Langkah 2</li>
</ol>
3. Menambahkan Gambar di Blog
Gambar membuat konten lebih menarik dan mudah dipahami. Tag HTML untuk menampilkan gambar adalah <img>:
<img src="https://via.placeholder.com/400x200" alt="Contoh Gambar" width="400" height="200">
Contoh penggunaan dalam paragraf:
Ini adalah gambar contoh tutorial HTML:
4. Tips Belajar HTML untuk Blogger Pemula
- Mulai dari Struktur Dasar: Kuasai dulu <html>, <head>, <body>, <h1>-<h6>, <p>, <img>.
- Gunakan Editor HTML Blog: Di Blogger, pilih mode HTML saat menulis postingan untuk menambahkan kode langsung.
- Eksperimen dengan Gaya: Tambahkan warna dan ukuran font menggunakan CSS sederhana:
<p style="color:blue; font-size:18px;">Ini paragraf berwarna biru.</p>
- Praktek Terus Menerus: Semakin sering menulis HTML sendiri, semakin cepat Anda memahami strukturnya.
5. Kesimpulan
Belajar HTML dasar sangat penting bagi pemula yang ingin mengelola blog sendiri. Dengan memahami struktur halaman, tag penting, dan cara menambahkan gambar, Anda bisa membuat postingan lebih menarik dan profesional. Mulailah dengan hal sederhana, eksperimen dengan kode, dan gunakan fitur HTML di platform blogging Anda.
Berikut contoh gambar tambahan untuk mempercantik artikel:
