Tutorial Dasar HTML dan CSS untuk Pemula

Jelajahi tutorial dasar HTML dan CSS yang dirancang khusus untuk pemula, dengan penjelasan sederhana dan contoh praktis. Sempurnakan keterampilan web development Anda dengan memahami struktur dan desain halaman.

Edukasi Profesional

by admin

7 bulan ago 0 66

Tutorial Dasar HTML dan CSS untuk Pemula

Pengantar HTML

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur halaman web. HTML memberikan kerangka dasar bagi konten web, seperti teks, gambar, dan tautan. Dalam tutorial ini, kita akan membahas dasar-dasar HTML dan CSS untuk pemula.

Struktur Dasar HTML

Struktur dasar HTML terdiri dari elemen-elemen yang membentuk konten. Berikut adalah beberapa elemen dasar yang perlu Anda ketahui:

1. Elemen Dasar

Elemen dasar HTML meliputi:

<html>: Menandakan bahwa dokumen adalah file HTML.
<head>: Berisi informasi tentang dokumen, seperti judul dan metadata.
<body>: Berisi konten yang ditampilkan di halaman web.

2. Contoh Struktur HTML

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

Pengantar CSS

CSS (Cascading Style Sheets) adalah bahasa yang digunakan untuk mendesain dan mengatur tata letak halaman web. Dengan CSS, Anda dapat mengubah warna, font, dan layout elemen HTML.

Dasar-Dasar CSS

Berikut adalah beberapa konsep dasar CSS yang perlu Anda ketahui:

1. Selektor CSS

Selektor digunakan untuk memilih elemen HTML yang akan diberi gaya. Contoh selektor meliputi:

Selektor Tag: Memilih semua elemen dengan tag tertentu, seperti p untuk paragraf.
Selektor Kelas: Memilih elemen dengan kelas tertentu, ditandai dengan titik, seperti .kelas.
Selektor ID: Memilih elemen dengan ID tertentu, ditandai dengan tanda pagar, seperti #id.

2. Contoh CSS

        body {
            background-color: lightblue;
        }
        h1 {
            color: navy;
            font-size: 24px;
        }
        p {
            color: darkgreen;
        }

Kesimpulan

Dalam tutorial ini, kita telah membahas dasar-dasar HTML dan CSS untuk pemula. HTML memberikan struktur untuk konten web, sementara CSS digunakan untuk mendesain dan mengatur tata letak. Dengan memahami kedua bahasa ini, Anda dapat mulai membuat halaman web yang menarik dan fungsional.