Pertemuan 9 WEB design Membuat Tampilan Index menggunakan Css
Berikut Code yang harus di isi pada notepad++ agar bisa menampilkan gambar di atas:
<!DOCTYPE html>
<html lang="id"><!menggunakan bahasa Indonesia>
<head>
<meta charset="utf-8" />
<title>PLJ</title>
<script>
var txt="Politeknik LP3I Jakarta ";
var kecepatan=100;
var segarkan=null;
function bergerak() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak ()",kecepatan);}bergerak();
</script>
<link href="style.css" style type="text/css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<header>
</header>
<nav>
<ul>
<li><a href="" class="current">Beranda</a></li>
<li><a href="">Visi & Misi</a></li>
<li><a href="">Program Studi</a></li>
<li><a href="">Konsentrasi</a></li>
<li><a href="">Kontak</a></li>
</ul>
</nav>
<section class="courses">
<h2></h2>
<article>
<video controls>
<source src="testimoni.mp4" type="video/mp4">
</video>
<figure>
<img src="gedung.JPG" width="290" alt="foto" />
<figcaption>Gedung PLJ Kampus Bekasi</figcaption>
</figure>
<h2>Politeknik LP3I Jakarta</h2>
<h3>Kampus Bekasi </h3>
<p>Alamat : Jl. Jendral Sudirman A1-A2 Grandmall Bekasi</p>
</article>
</section>
<aside>
<section class="popular-recipes">
<h2>Kampus Lainnya :</h2>
<a href="">PLJ Kampus Kramat</a>
<a href="">PLJ Kampus Jakarta Utara</a>
<a href="">PLJ Kampus Sudirman</a>
<a href="">PLJ Kampus Cikarang</a>
</section>
<section class="contact-details">
<h2>Kontak</h2>
<p>Telp. (021) 88954722/23<br>
Email. bekasi@plj.ac.id
</section>
</aside>
<footer>
© 2018 Politeknik LP3I Jakarta Kampus Bekasi
</footer>
</div>
</body>
</html>
0 komentar:
Posting Komentar