Ini Adalah Kode Halaman Depan Untuk Pembuatan Website Dengan HTML & CSS

-



-HTML-

<html>
 <head><title>Belajar Buat Web</title>
  <link rel="stylesheet" href="home.css">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">
 </head>

 <body style="background-color: white;">

     <ul class="ul">
         <li><a href="home.html">HOME</a></li>
         <li><a href="cv.html" >MY CV</a></li>
         <li><a href="contact.html">CONTACT</a></li>
         <li><a href="aboutme.html">ABOUT ME</a></li>
     </ul>
   

    <hr />

<center>

 <marquee><h2 style="color: red">INI ADALAH WEBSITE PERTAMAKU</h2></marquee>

 <br><strong>YAPPRI</strong>
 <br>Kelas 11 Rekayasa Perangkat Lunak 2
 <p>AZIS RIDWAN</p>

 <p><label for="tanggal-lahir">Tanggal Lahir :</label>
 <input type="date" id="tanggal-lahir" name="tanggal-lahir">
 <p>

 <label for="kota">Kota Lahir:</label>
 <select id="kota" name="kota">
   <option value="yogyakarta">Bandung</option>
   <option value="jakarta">Jakarta</option>
   <option value="purwokerto">Sumedang</option>
  <option value="purwokerto">Majalengka</option>
 </select>
 <p>



 <img src="gambar.jpg" width="200" height="100" style="border-radius: 15px;">

<div class="container">
<p><strong>JADWAL PIKET</strong>
<table border="1" cellspacing="0" width="500">
 <th style="color: red">SENIN</th>
 <th style="color: blue">SELASA</th>
 <th style="color: green">RABU</th>
 <th style="color: blue">KAMIS</th>
 <th style="color: red">JUMAT</th>

 <tr>
  <td align="center">agus</td>
  <td align="center">ikin</td>
  <td align="center">labi</td>
  <td align="center">ucit</td>
  <td align="center">taci</td>
 </tr>
 <tr>
  <td align="center">suga</td>
  <td align="center">niki</td>
  <td align="center">ibal</td>
  <td align="center">ibun</td>
  <td align="center">onu</td>
 </tr>
 <tr>
  <td align="center">gus ih</td>
  <td align="center">ah ma</td>
  <td align="center">dekah</td>
  <td align="center">nubi</td>
  <td align="center">huji</td>
 </tr>
</table>
</div>

</center>

    <hr>
    <footer style="text-align: center;">
        <p>SMKS YAPPRI Sumedang &copy; 2025 Azis Ridwan.</p>
    </footer>
 </body>
</html>

_________________________________________________________________

-CSS-

.ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: black;
  display: flex;
  justify-content: center;
}

.ul li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}

.ul li a:hover {
  background-color: grey;
  transition: .5s ease-in-out;
  border-radius: 10px;
}

.container {
    display: flex; /* Untuk tata letak dua kolom */
    box-shadow: 0 0 1000px rgba(0,0,0,1.0);
    background-color: lightgray;
    justify-content: center;
}

Komentar

Posting Komentar

Postingan populer dari blog ini

Project Web 01 Kode Register.php

-
 <?php // register.php session_start(); // Mulai session jika belum dimulai // Redirect jika sudah login if (isset($_SESSION['user_id'])) {     header("index.php");     exit(); } // Sertakan file koneksi database require_once 'conect.php'; $message = ""; // Untuk menampilkan pesan error/sukses if ($_SERVER["REQUEST_METHOD"] == "POST") {     $username = $_POST['username'];     $email = $_POST['email'];     $password = $_POST['password'];     $confirm_password = $_POST['confirm_password'];     // Validasi sederhana     if (empty($username) || empty($email) || empty($password) || empty($confirm_password)) {         $message = "<p style='color:red;'>Semua field wajib diisi!</p>";     } elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {         $message = "<p style='color:red;'>Format email tidak valid!</p>";     } else...
Baca selengkapnya

Project Web 01 Kode Login.php

-
 <?php // login.php session_start(); // Mulai session jika belum dimulai // Redirect jika sudah login if (isset($_SESSION['user_id'])) {     header("index.php");     exit(); } // Sertakan file koneksi database require_once 'conect.php'; $message = ""; // Untuk menampilkan pesan error/sukses if ($_SERVER["REQUEST_METHOD"] == "POST") {     $username_or_email = $_POST['username_or_email'];     $password = $_POST['password'];     // Validasi sederhana     if (empty($username_or_email) || empty($password)) {         $message = "<p style='color:red;'>Username/Email dan Password wajib diisi!</p>";     } else {         // Cari pengguna berdasarkan username atau email         $stmt = $conn->prepare("SELECT id, username, password FROM users WHERE username = ? OR email = ?");         $stmt->bind_param("ss", $username_or_emai...
Baca selengkapnya

Project Web 01 Kode Conect.php

-
<?php //connect.php $host     = "localhost"; // Ganti jika server database Anda berbeda $username = "root";  // Ganti dengan username database Anda $password = "";      // Ganti dengan password database Anda $database = "login"; // Ganti dengan nama database Anda // Membuat koneksi $conn = new mysqli($host, $username, $password, $database); // Cek koneksi if ($conn->connect_error) {     die("Koneksi database gagal: " . $conn->connect_error); } // Opsional: Atur charset ke utf8mb4 untuk dukungan karakter yang lebih luas $conn->set_charset("utf8mb4"); // echo "Koneksi database berhasil!"; // Hapus atau komentari ini saat produksi ?>
Baca selengkapnya