Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
18 views

Contoh HTML

Uploaded by

arief surachman
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views

Contoh HTML

Uploaded by

arief surachman
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

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

<title>Halaman Menarik</title>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f8f8f8;

color: #333;

margin: 0;

padding: 0;

header {

background-color: #3498db;

color: #fff;

padding: 20px;

text-align: center;

nav {

background-color: #2c3e50;

color: #fff;

padding: 10px;

text-align: center;

nav a {

color: #fff;
text-decoration: none;

margin: 0 10px;

section {

margin: 20px;

padding: 20px;

background-color: #ecf0f1;

border-radius: 10px;

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

h1 {

color: #2c3e50;

p{

line-height: 1.6;

img {

display: block;

margin: 0 auto;

max-width: 100%;

height: auto;

.marquee {

white-space: nowrap;

overflow: hidden;

animation: marquee 10s linear infinite;


}

@keyframes marquee {

0% { transform: translateX(100%); }

100% { transform: translateX(-100%); }

</style>

</head>

<body>

<header>

<h1>Selamat Datang di Halaman Menarik</h1>

</header>

<nav>

<a href="#">Beranda</a>

<a href="#">Tentang Kami</a>

<a href="#">Kontak</a>

</nav>

<section>

<h2>Ini adalah Bagian Konten</h2>

<p>Selamat menikmati tampilan web yang menarik ini!</p>

<img src="https://via.placeholder.com/400" alt="Gambar">

<div class="marquee">

<p>Ini adalah teks berjalan yang menarik!</p>

</div>

</section>

</body>

</html>

You might also like