Langsung ke konten utama

Postingan

Button Style

<!DOCTYPE html> <html> <head>     <title>Pengenalan css</title>     <style>         button {             margin-bottom: 10px;         }         .satu {             border-radius: 10px;         }         .dua {             background-color: blue;             color: yellow;             border: 2px solid red;         }         .tiga {             box-shadow: 0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0...
Posting Komentar
Baca selengkapnya
Postingan terbaru

Link Style

<!DOCTYPE html> <html> <head>     <title>Pengenalan css</title>     <style>        a {            text-decoration: none;        }        a:link{            color: red;        }        a:visited {            color: green;        }        a:hover {            color: blue;        }        a:active {            color: yellow;        }     </style> </head> <body>     <a href="...
Posting Komentar
Baca selengkapnya

Font Style

<!DOCTYPE html> <html> <head>     <title>Pengenalan css</title>     <style>        .normal {            font-style: normal;        }        .italic {            font-style: italic;        }        .ukuran {            font-size: 50px;        }     </style> </head> <body>     <p class="normal">Gaya tulisan normal</p>     <p class="italic">Gaya tulisan italic</p>     <br>     <p class="ukuran">Paragraf ini ditulis dengan ukuran 50px</p> </body> </html> jika menggunakan class pada tag HTML maka saat mengetik tag pad...
Posting Komentar
Baca selengkapnya

Pengenalan CSS

<!DOCTYPE html> <html> <head>     <title>Pengenalan css</title>     <style>         h1 {             color: blue;         }     </style> </head> <body>     <h1>Hello World!!</h1>     <br>     <p>bisa juga dengan menambahkan langsung di tag html nya</p>     <br>     <h2 style="color: green;">Halo Dunia!!</h2> </body> </html> Bisa juga CSS di tempatkan dihalaman lain yang terpisah dengan tag HTML. dengan tag berikut : <link ref="stylesheet" href="style.css">  
Posting Komentar
Baca selengkapnya

Memasukkan Gambar

<!DOCTYPE html> <html> <head>     <title>gambar</title> </head> <body>     <img src="INDONESIA.jpg"> </body> </html> gambar akan muncul jika berada di folder yg sama jika dalam folder yang berbeda tambahkan "namafolder/gambar.jpg"
Posting Komentar
Baca selengkapnya

Membuat Form Sederhana

Membuat Form <!DOCTYPE html> <html> <head>     <title>form</title> </head> <body>     <form>         Nama Depan : <input type="text" name="NamaDepan" id="NamaDepan">         <br>         Nama Belakang : <input type="text" name="NamaBelakang" id="NamaBelakang">         <br>         Password : <input type="password" name="Password" id="Password">         <br>         Jenis Kelamin :         <br>         <input type="radio" name="jeniskelamin" value="P"> Pria         <br>         <input type="radio" name="jeniskelamin" value="W"> ...
Posting Komentar
Baca selengkapnya

Membuat Tabel

Contoh Tabel Pada Website <!DOCTYPE html> <html> <head>     <title>Tabel</title> </head> <body>     <table border="1">         <tr>             <th>Nama</th>             <th>Alamat</th>         </tr>         <tr>             <td>Ari</td>             <td>Jakarta</td>         </tr>         <tr>             <td>Budi</td>             <td>Bandung</td>         </tr> ...
Posting Komentar
Baca selengkapnya