Profile

ELPIDARNIS DUHA

Mahasiswa yang memiliki minat di bidang teknologi, web development, desain modern, dan dunia digital kreatif.

Tentang Saya

Pendidikan

Mahasiswa aktif yang fokus mempelajari teknologi, sistem informasi, dan pengembangan web modern.

Keahlian

HTML, CSS, Blogger, desain UI sederhana, editing foto, dan responsive web design.

Tujuan

Mengembangkan kemampuan digital dan membangun portfolio profesional.

Instagram Github LinkedIn

Artikel & Berita

Senin, 18 Mei 2026

cara membuat website sederhana

Cara Membuat Website Sederhana

Halo semuanya 👋

Pada postingan kali ini saya akan berbagi cara membuat website sederhana menggunakan HTML dan CSS. Website sederhana sangat cocok untuk pemula yang baru belajar coding.

1. Siapkan Aplikasi HTML Editor

Pertama, download aplikasi editor coding di HP atau laptop, contohnya:

HTML Editor

Acode

Spck Editor

2. Buat File HTML

Buka aplikasi lalu buat file baru dengan nama:

HTML

index.html

3. Masukkan Coding Berikut

HTML

<!DOCTYPE html>

<html lang="id">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Website Saya</title>


<style>

body{

    font-family: Arial;

    background: #f2f2f2;

    text-align: center;

    padding: 50px;

}


.box{

    background: white;

    padding: 20px;

    border-radius: 10px;

}

</style>

</head>


<body>


<div class="box">

    <h1>Selamat Datang</h1>

    <p>Ini website sederhana pertama saya.</p>

</div>


</body>

</html>

4. Jalankan Website

Setelah coding selesai:

Tekan tombol Run/Preview

Maka website sederhana akan muncul di layar.

5. Kesimpulan

Belajar membuat website tidak sesulit yang dibayangkan. Dengan HTML dan CSS sederhana kita sudah bisa membuat tampilan website sendiri.

Terima kasih sudah membaca 😊




Tidak ada komentar:

Posting Komentar