MATERI 18/3/2024

TUGAS 

1. Buatlah kalender satu tahun 

2. buatlah projek di bawah ini 


```html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Profil Pribadi</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 0;

            padding: 0;

            background-color: #f0f0f0;

            color: #333;

        }

        header {

            background-color: #007bff;

            color: #fff;

            padding: 20px;

            text-align: center;

        }

        .container {

            max-width: 800px;

            margin: 20px auto;

            padding: 20px;

            background-color: #fff;

            border-radius: 5px;

            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

        }

        h1 {

            color: #007bff;

            margin-bottom: 10px;

        }

        p {

            margin-bottom: 10px;

        }

    </style>

</head>

<body>


<header>

    <h1>Profil Pribadi</h1>

</header>


<div class="container">

    <h2>Informasi Pribadi</h2>

    <p><strong>Nama:</strong> John Doe</p>

    <p><strong>Umur:</strong> 25 tahun</p>

    <p><strong>Alamat:</strong> Jl. Contoh No. 123, Kota Contoh</p>

    <p><strong>Email:</strong> johndoe@example.com</p>


    <h2>Pendidikan</h2>

    <p><strong>Universitas:</strong> Universitas Contoh</p>

    <p><strong>Jurusan:</strong> Teknik Informatika</p>

    <p><strong>Tahun Masuk:</strong> 2015</p>

    <p><strong>Tahun Lulus:</strong> 2019</p>


    <h2>Pengalaman Kerja</h2>

    <p><strong>Perusahaan:</strong> PT Contoh Makmur</p>

    <p><strong>Jabatan:</strong> Web Developer</p>

    <p><strong>Tahun:</strong> 2019 - Sekarang</p>

</div>


</body>

</html>

```

Menambahkan gambar pada html

1.buat html 

<html>

<head>

        <title>cara memasukan gambar</title>

</head>

<body>

         <h1 align="center">foto presiden<h1>

         <img src="jokowi.jpg">

</body>

</html>

2. silahkan jadikan satu folder lalu tambahkan foto format contoh <img src="jokowi.jpg">

https://cara membuat biodata diri menggunakan notpad

Posting Komentar

Lebih baru Lebih lama