Mengenal HTML dan CSS: Dasar Pembuatan Website

Desember 06, 2024

Mengenal HTML dan CSS: Dasar Pembuatan Website

HTML dan CSS adalah dua pilar utama dalam pengembangan web. HTML (HyperText Markup Language) digunakan untuk menentukan struktur halaman web, sedangkan CSS (Cascading Style Sheets) berfungsi untuk mendesain tampilan web, seperti warna, font, dan tata letak.

Apa itu HTML?

HTML adalah bahasa markup yang digunakan untuk membuat kerangka website. Dengan HTML, Anda dapat membuat elemen seperti:

Heading: <h1>, <h2>
Paragraf: <p>
Tautan: <a>
Gambar: <img>

Contoh Kode HTML Sederhana


<!DOCTYPE html>

<html>

<head>

    <title>Belajar HTML</title>

</head>

<body>

    <h1>Selamat Datang di Website Saya</h1>

    <p>Ini adalah paragraf pertama saya!</p>

    <a href="https://www.google.com">Klik di sini untuk mencari di Google</a>

</body>

</html>

Apa itu CSS?

CSS digunakan untuk mengatur tampilan elemen HTML. Dengan CSS, Anda bisa menambahkan warna, mengubah font, atau membuat desain responsif.

Contoh Kode CSS Sederhana


body {

    background-color: #f0f0f0;

    font-family: Arial, sans-serif;

}

h1 {

    color: blue;

    text-align: center;

}

Menggabungkan HTML dan CSS


<!DOCTYPE html>

<html>

<head>

    <title>Belajar HTML dan CSS</title>

    <style>

        body {

            background-color: #f0f0f0;

            font-family: Arial, sans-serif;

        }

        h1 {

            color: blue;

            text-align: center;

        }

    </style>

</head>

<body>

    <h1>Belajar HTML dan CSS</h1>

    <p>Dengan HTML dan CSS, Anda bisa membuat website keren!</p>

</body>

</html>

Kesimpulan

Dengan menguasai HTML dan CSS, Anda dapat mulai membangun website sederhana. Langkah selanjutnya adalah mempelajari JavaScript untuk menambahkan interaktivitas.

Cari Blog Ini