Dasar-Dasar HTML dan CSS untuk Pemula

Panduan lengkap untuk pemula dalam memahami dasar-dasar HTML dan CSS, mencakup elemen penting, struktur halaman web, dan teknik styling yang sederhana namun efektif. Ideal bagi yang ingin membangun fondasi dalam pengembangan web.

Tutorial

by admin

7 bulan ago 0 122

Dasar-Dasar HTML dan CSS untuk Pemula

Pengantar HTML dan CSS

HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) adalah dua teknologi dasar yang digunakan untuk membuat halaman web. HTML digunakan untuk struktur konten, sementara CSS digunakan untuk mengatur tampilan dan tata letak halaman web. Dalam artikel ini, kita akan membahas dasar-dasar HTML dan CSS yang penting untuk pemula.

Apa itu HTML?

HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web. Dengan HTML, Anda dapat menentukan berbagai elemen seperti teks, gambar, tautan, dan banyak lagi. HTML menggunakan tag untuk menandai elemen-elemen ini.

Struktur Dasar HTML

Struktur dasar dokumen HTML terdiri dari beberapa bagian penting:

<html>
    <head>
        <title>Judul Halaman</title>
    </head>
    <body>
        <h1>Selamat Datang!</h1>
        <p>Ini adalah paragraf pertama.</p>
    </body>
</html>

Elemen dan Tag HTML

Setiap elemen HTML dimulai dengan tag pembuka dan diakhiri dengan tag penutup. Contoh elemen HTML termasuk:

<p> untuk paragraf
<a> untuk tautan
<img> untuk gambar

Apa itu CSS?

CSS adalah bahasa yang digunakan untuk mendesain dan mengatur tata letak halaman web. Dengan CSS, Anda dapat mengubah warna, font, spasi, dan banyak aspek visual lainnya dari elemen HTML.

Pengenalan CSS

CSS dapat diterapkan ke HTML dengan tiga cara: inline, internal, dan eksternal. Cara yang paling umum adalah menggunakan file CSS eksternal.

Sintaks Dasar CSS

Sintaks dasar CSS terdiri dari selector, property, dan value. Contoh:

selector {
    property: value;
}

Contoh penggunaan CSS untuk mengubah warna teks:

p {
    color: blue;
}

Kesimpulan

HTML dan CSS adalah fondasi penting dalam pengembangan web. Memahami dasar-dasar kedua bahasa ini akan membantu Anda membuat halaman web yang menarik dan fungsional. Dengan latihan dan eksperimen, Anda akan semakin mahir dalam menggunakan HTML dan CSS untuk menciptakan desain web yang sesuai dengan kebutuhan Anda.