Tahun baru, skill baru! 🚀. Masukkan kupon "skill2025" untuk diskon 30% di kelas apa saja
Skodev
Belajar coding dalam bahasa Indonesia
Membuat halaman utama web dengan PHP bisa terlihat menantang bagi pemula. Tapi, dengan mengikuti langkah-langkah sederhana berikut, kamu akan bisa membangun fondasi dasar web-mu sendiri.
Sebelum memulai, pastikan server web kamu sudah terinstal dengan PHP dan kamu memiliki akses ke editor teks untuk menulis kode.
Pertama-tama, kamu perlu membuat sebuah file dengan nama index.php
. File ini akan menjadi halaman utama website kamu.
Kemudian, buka file index.php
dan tuliskan struktur dasar PHP:
<?php
// Kode PHP kamu akan berada di sini
?>
<!DOCTYPE html>
<html>
<head>
<title>Halaman Utama Webku</title>
</head>
<body>
<h2>Selamat Datang di Halaman Utama Webku</h2>
<!-- Konten lainnya akan ditambahkan di sini -->
</body>
</html>
Dalam PHP, kamu bisa menampilkan teks ke halaman web menggunakan echo
atau print
. Contoh:
<?php
echo "Halo, ini adalah halaman utama webku!";
?>
Kamu juga bisa menanamkan HTML secara langsung ke dalam kode PHP seperti berikut:
<?php
echo '<p>Ini adalah paragraf yang ditambahkan menggunakan PHP.</p>';
?>
Kamu dapat mendefinisikan variabel dalam PHP untuk menyimpan informasi seperti judul halaman:
<?php
$judulHalaman = "Halaman Utamaku";
?>
<!DOCTYPE html>
<html>
<head>
<title><?php echo $judulHalaman; ?></title>
</head>
<!-- sisanya tetap sama -->
CSS dan JavaScript bisa ditambahkan untuk mengatur tampilan dan interaktivitas halaman web.
Tambahkan file CSS dalam tag <head>
:
<head>
<title>Halaman Utama Webku</title>
<link rel="stylesheet" href="styles.css">
</head>
Dan buatlah file terpisah dengan nama styles.css
untuk memisahkan desain dari logika PHP.
Tambahkan JavaScript sebelum penutup tag </body>
:
<body>
<!-- Konten webmu -->
<script src="scripts.js"></script>
</body>
Buat file scripts.js
untuk menuliskan fungsi JavaScript-mu.
PHP sangat berguna untuk mengelola konten yang berubah-ubah, misalnya dengan menggunakan sebuah variabel:
<?php
$pesanSelamatDatang = "Hari ini tanggal " . date("d-m-Y") . ".";
echo "<h3>$pesanSelamatDatang</h3>";
?>
Kode di atas akan menampilkan pesan selamat datang dengan tanggal hari itu.
Dengan mengikuti langkah-langkah di atas, kamu sudah berhasil membuat halaman utama web sederhana dengan PHP. Terus belajar dan eksperimen dengan PHP untuk menambahkan fitur-fitur yang lebih kompleks pada webmu!
Link terkait: