Posts

Showing posts from September, 2024

HTML 5_Tugas 5 warung tegal

Image
 WARUNG TEGAL Klik disini! Code: < html lang = "en" ></ html > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Web Warung Tegal</ title >     < style >         header ,         section ,         footer ,         aside ,         nav ,         article ,         figure ,         figcaption {             display: block;         }         body {             color: # 666 ;             background-color: # 4d3a15 ;         ...

Membuat Form_Tugas 4

Image
 Membuat Form_Tugas 4 Klik disini Code: <! DOCTYPE html >   < html >   < head >   < meta name = "viewport" content = "width=device-width, initial-scale=1" >   < style >   body {     font-family: Calibri, Helvetica , sans-serif ;     background-color: # 33372C ;   }   .container {       padding: 50px ;     background-color: # C1CFA1 ;   }     input [ type = text ], input [ type = password ], textarea {     width: 100% ;     padding: 15px ;     margin: 5px 0 22px 0 ;     display: inline-block;     border: none;     background: # f1f1f1 ;   }   input [ type = text ] :focus , input [ type = password ] :focus {     background-color: # C1CFA1 ;     outline: none;   }     div {               padding: 10px 0 ;   ...

Tugas 3_Pembuatan Poster

Image
Tugas 3_Pembuatan Poster  Klik disini. Hasil: Ketika kursor ke arah yang di sentuh berubah jadi warna pink : code html: <! DOCTYPE html > < html lang = "en" > < head >     < style >         /* Styling the body */         body {             margin: 0 ;             padding: 0 ;         }         /* Styling section, giving background             image and dimensions */         section {             width: 100% ;             height: 100vh ;             background:                 url ( 'gambarterbaru.jpg' );             background-size: cover;         }         /* S...

Pembuatan Table-tugas 3

Image
 TUGAS-3  link:  Pencet Disini Pembuatan tabel <! DOCTYPE html > < html lang = "en" >     < head >         < meta charset = "UTF-8" >         < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >         < title >belajar table HTML</ title >         < style >             table {                 border-collapse: collapse;             }                     table ,             th ,             td {                 border: 1px solid black ;             }                     th , ...