pasaman-dev · habibi009 · Aug 7, 2022 · Aug 11, 2022 · Aug 11, 2022 · Aug 11, 2022
diff --git a/css/css bg/download.jpg b/css/css bg/download.jpg
diff --git a/css/css bg/index.html b/css/css bg/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        h1{
+            background-color: rgba(0, 128, 0, 0.8);
+            opacity: 0,6;
+        }
+        body{
+            background: url("download.jpg") fixed no-repeat center;
+        }
+    </style>
+</head>
+<body>
+    <h1>Contoh</h1>
+
+</body>
+</html>
diff --git a/css/css border/color.html b/css/css border/color.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        one{
+            border-style: dashed;
+            border-color: violet;
+        }
+        two{
+        border-style: double;
+        border-color: red;
+        }
+        three{
+        border-style: groove;
+        border-color: blue;
+        }
+    </style>
+</head>
+<body>
+    <p class="one">violet</p>
+    <p class="two">red</p>
+    <p class="three">blue</p>
+</body>
+</html>
diff --git a/css/css border/index.html b/css/css border/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        p.dot {border-style: dotted;}
+        p.dash {border-style: dashed;}
+        p.solid {border-style: solid;}
+        p.double {border-style: double;}
+        p.grove {border-style: groove;}
+        p.ridge {border-style: ridge;}
+        p.inset {border-style: inset;}
+        p.outset {border-style: outset;}
+        p.none {border-style: none;}
+        p.hidden {border-style: hidden;}
+        p.mix {border-style: hidden dashed solid double;}
+
+    </style>
+</head>
+<body>
+    <p class="dot">border dot</p>
+    <p class="dash">border dash</p>
+    <p class="solid">border solid solid solid</p>
+    <p class="double">border double</p>
+    <p class="grove">border grove</p>
+    <p class="ridge">border ridge</p>
+    <p class="inset">border inset</p>
+    <p class="outset">border outset</p>
+    <p class="none">border none</p>
+    <p class="hidden">border hidden</p>
+    <p class="mix">border mix</p>
+</body>
+</html>
diff --git a/css/css border/rounded.html b/css/css border/rounded.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        p{
+            border: solid;
+            border-radius: 2px;
+        }
+    </style>
+</head>
+<body>
+    <p>rounded</p>
+</body>
+</html>
diff --git a/css/css border/short.html b/css/css border/short.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        p{
+            border:6px blue dotted ;
+        }
+    </style>
+</head>
+<body>
+    <p>border</p>
+</body>
+</html>
diff --git a/css/css border/sides.html b/css/css border/sides.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        p{
+            border-style: dashed dotted solid hidden;
+        }
+    </style>
+</head>
+<body>
+    <p>4 style</p>
+</body>
+</html>
diff --git a/css/css border/width.html b/css/css border/width.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        .satu{
+            border-width: 4px;
+        }
+        .dua{
+            border-width: medium;
+        }
+        .tiga{
+            border-width: thick;
+        }
+    </style>
+</head>
+<body>
+    <p class="satu">border 4px</p>
+    <p class="dua">border medium</p>
+    <p class="tiga">border thick</p>
+</body>
+</html>
diff --git a/css/css color/index.html b/css/css color/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Document</title>
+</head>
+<body>
+    <h1 style="background-color :aquamarine; color: hsl(0, 70%, 15%)
+    ; border: 2px solid #000000;">Hello world</h1>
+    <p style="background-color: dodgerblue; color: tomato; border: 2px solid #404040;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque odit esse laborum, at incidunt quidem eum quibusdam quaerat libero reprehenderit iusto fuga harum illo, perspiciatis optio sapiente quae quisquam beatae.</p>
+</body>
+</html>
diff --git a/css/css home/index.html b/css/css home/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        body{
+            background-color: tomato;
+        }
+        h1{
+            color: beige;
+            text-align: center;
+        }
+        p{
+            font-family: Arial, Helvetica, sans-serif;
+            font-size: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>contoh</h1>
+    <p>contoh 2</p>
+</body>
+</html>
diff --git a/css/css how to/index.html b/css/css how to/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <link rel="stylesheet" href="style.css">
+    <style>
+        h2{
+            text-align: right;
+            font-family: sans-serif;
+            font-size: large;
+        }
+    </style>
+</head>
+<body>
+    <h1>css external</h1>
+    <h2>css internal</h2>
+    <h3 style="color: burlywood;font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif ;">css inline</h3>
+</body>
+</html>
diff --git a/css/css how to/style.css b/css/css how to/style.css
@@ -0,0 +1,5 @@
+h1{
+    color: red;
+    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
+    text-align: center;
+}
diff --git a/css/css intro/index.html b/css/css intro/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        body{
+            background-color: aquamarine;
+        }
+        h1{
+            color: beige;
+            text-align: justify;
+        }
+        p{
+            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+            font-size: 20px;
+        }
+    </style>
+</head>
+<body>
+    <h1>contoh</h1>
+    <p>contoh 2</p>
+</body>
+</html>
diff --git a/css/css komen/style.css b/css/css komen/style.css
@@ -0,0 +1,2 @@
+/* komen */
+/* ketik ctrl+/ */
diff --git a/css/css margin/index.html b/css/css margin/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        .four{
+            margin-top: 100px;
+            margin-bottom: 100px;
+            margin-right: 150px;
+            margin-left: 80px;
+        }
+        .short{
+            margin: 25px 20px 30px 40px;
+        }
+        h1{
+            margin: 0 0 50px 0;
+        }
+        h2{
+            margin: 20px 0 0 0;
+        }
+    </style>
+</head>
+<body>
+    <p class="four">margin 4 side</p>
+    <p class="short">short margin</p>
+    <h1>h1</h1>
+    <h2>h2</h2>
+</body>
+</html>
diff --git a/css/css select/index.html b/css/css select/index.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        p{
+            color: aquamarine;
+        }
+        #paragrap{
+            color: green;
+        }
+        .tengah{
+            text-align: center;
+        }
+        p.tengah{
+            color: purple;
+            text-align: center;
+        }
+        p.large{
+            font-size: 400%;
+        }
+    </style>
+</head>
+<body>
+    <p>paragrap biasa</p>
+    <p id="paragrap">paragrap dengan id</p>
+    <p class="tengah large">paragrap dengan class</p>
+    <h1 class="tengah">h1 dengan class tengah</h1>
+</body>
+</html>
diff --git a/css/css syntax/index.html b/css/css syntax/index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <style>
+        p{
+            color: red;
+            font-size: 30px;
+            text-align: center;
+        }
+    </style>
+</head>
+<body>
+    <p>ini text</p>
+</body>
+</html>
diff --git a/css/tes/tes.css b/css/tes/tes.css
diff --git a/html/hello_world/index.html b/html/hello_world/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <title>Document</title>
+</head>
+<body>
+    <p>Hello world</p>
+</body>
+</html>
diff --git a/html/html_atribut/index.html b/html/html_atribut/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+</head>
+<body>
+    <a href="https://www.w3schools.com/html/html_attributes.asp" >html atribut di w3school</a>
+    <img src="https://i.pinimg.com/736x/af/43/8e/af438e8ef713c8eba08fe5a69c31394d.jpg" alt="gambar" width="200" height="200">
+    <p style="color:red;">Paragrap merah</p>
+    <p title="judul">paragrap title</p>
+</body>
+</html>