Skip to main content

Posts

Showing posts from September, 2018

Tugas Membuat Forms

Tugas kali ini saya membuat sebuah Form Registrasi untuk web berita saya untuk form yang saya buat, saya membuat nya dalam bentuk Modal, yaitu adalah pop-up jika tombol register di klik Berikut adalah hasil dari apa yang saya buat Ini adalah website berita saya Kemudian jika tombol register di klik akan muncul form pop-up Berikut adalah source code nya : HTML: <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">...

Tugas Web Berita

Di tugas kali ini saya mendapat tugas untuk membuat sebuah web berita, kami diberi contoh yaitu web www.techinasia.com berikut hasil dari apa yang telah saya buat kemudian berikut adalah source code nya : HTML : <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="inicss.css"/> </head> <body> <div class="header"> <h1>PIAL ROSE NEWS</h1> </div> <ul> <li><a class="active" href="#">News</a></li> <li><a href="#">Jobs</a></li> <li><a href="#">Companies</a></li> <li><a href="#">Events</a></li> </ul> <div class = "co...

HTML and CSS

Hari ini saya belajar menggunakan HTML dan CSS untuk membuat sebuah website static berikut hasil nya HTML : <html> <head> <title>Belajar Membuat Layout dengan HTML dan CSS</title> <link rel="stylesheet" href="custom.css"/> </head> <body> <div class="header"> <div class="jarak"> <h2>Belajar Membuat Layout dengan HTML dan CSS</h2> </div> </div> <div class="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </div> <div class="content"> <div class="jarak"> <!-- kiri --> ...

PWEB CURRICULUM VITAE

<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <style type="text/css"> body, html{ height: 100%; margin: 0; } .profil{ border-radius: 50%; } table{ border-spacing: 0; } p{ font-family: TW Cen MT; } img.a{ vertical-align: text-bottom; } img.b{ vertical-align: text-top; } .judul{ font-size: 20px; color: white; } .tulis{ font-size: 15px; color: white; } </style> <title>My Personal Blog</title> </head> <body background="img/Picture1.jpg" style="background-size:cover;"> <br><br><br><br><br> <table width="55%" align="center" style="vertical-align: middle"> <tr> <td ...