Scribd
Unggah
11 tayangan3 halaman

Contoh Struktur HTML Sederhana

Dokumen ini adalah struktur dasar dari sebuah website sederhana yang terdiri dari HTML, CSS, dan JavaScript. Website ini menyambut pengunjung dengan judul dan tombol yang menampilkan pesan saat diklik. Desainnya menggunakan gaya yang bersih dan responsif dengan elemen interaktif.

Diunggah oleh

nayra09putrii
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
11 tayangan3 halaman

Contoh Struktur HTML Sederhana

Dokumen ini adalah struktur dasar dari sebuah website sederhana yang terdiri dari HTML, CSS, dan JavaScript. Website ini menyambut pengunjung dengan judul dan tombol yang menampilkan pesan saat diklik. Desainnya menggunakan gaya yang bersih dan responsif dengan elemen interaktif.

Diunggah oleh

nayra09putrii
Hak Cipta
© All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd

<!

DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Website Sederhana</title>

<link rel="stylesheet" href="[Link]">

</head>

<body>

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

<p>Klik tombol di bawah ini:</p>

<button onclick="tampilkanPesan()">Klik Saya</button>

<script src="[Link]"></script>

</body>

</html>
body {

background-color: #f0f8ff;

font-family: Arial, sans-serif;

text-align: center;

padding: 40px;

h1 {

color: #2c3e50;

font-size: 36px;

button {

background-color: #3498db;

color: white;

padding: 10px 20px;

border: none;

font-size: 16px;

cursor: pointer;

button:hover {

background-color: #2980b9;

}
function tampilkanPesan() {

alert("Halo, ini adalah interaksi JavaScript pertama kamu!");

Anda mungkin juga menyukai