Dmitry Telenkov 11 月之前
父节点
当前提交
fb01df83fa

+ 27 - 0
web_hardcore/misc/css/styles.css

@@ -0,0 +1,27 @@
+body {
+    background-color: #eaeab6;
+}
+.foto {
+    width: 50%;
+    border: 5px dashed green;
+    margin: 10px;
+}
+.centered {
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+    display: block;
+}
+h1 {
+    color: red;
+}
+a {
+    color: blue;
+    text-decoration: none;
+    border-bottom: 1px dotted blue;
+}
+
+form.feedback-form input,
+form.feedback-form textarea {
+    width: 100%;
+}

+ 37 - 0
web_hardcore/misc/folder/index.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <title>Моя домашняя страница</title>
+        <link rel="stylesheet" href="../css/styles.css" />
+        <script>
+            window.onload = function(){
+                document.querySelector("h1").style.color = "green"
+                document.querySelector("h1").onclick = function (event) {
+                    event.target.style.color = "red";
+                    event.target.innerText = "Пока";
+                };
+                console.log("Вывод в лог консоли")
+                //alert("Привееееет")
+            }
+        </script>
+    </head>
+    <body>
+        <h1 class="centered">Привет!!!!</h1>
+        <p>Как дела?</p>
+        <h2>Обо мне</h2>
+        <img src="/images/home.jpg" class="foto"/>
+        <img src="../images/home2.jpg" class="foto centered"/>
+
+        <p>
+            <a href="https://ya.ru" target="_blank">Остальное искать здесь</a>
+        </p>
+
+        <form action="/send-feedback/" class="feedback-form" method="POST">
+            <p>Отправьте мне сообщение!</p>
+            <p><input type="text" name="name" placeholder="Ваше имя" /></p>
+            <p><textarea name="message" placeholder="Ваше сообщение"></textarea></p>
+            <p><input type="submit" value="Отправить "/></p>
+        </form>
+    </body>
+</html>

+ 0 - 0
web_hardcore/misc/home.jpg → web_hardcore/misc/images/home.jpg


+ 0 - 0
web_hardcore/misc/home2.jpg → web_hardcore/misc/images/home2.jpg


+ 0 - 43
web_hardcore/misc/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <meta charset="UTF-8" />
-        <title>Моя домашняя страница</title>
-        <style type="text/css">
-            body {
-                background-color: #eaeab6;
-            }
-            .foto {
-                width: 50%;
-                border: 5px dashed green;
-                margin: 10px;
-            }
-            .centered {
-                margin-left: auto;
-                margin-right: auto;
-                text-align: center;
-                display: block;
-            }
-            h1 {
-                color: red;
-            }
-            a {
-                color: blue;
-                text-decoration: none;
-                border-bottom: 1px dotted blue;
-            }
-        </style>
-    </head>
-    <body>
-        <h1 class="centered">Привет!!!!</h1>
-        <p>Как дела?</p>
-        <h2>Обо мне</h2>
-        <img src="./home.jpg" class="foto"/>
-        <img src="./home2.jpg" class="foto centered"/>
-
-        <p>
-            <a href="https://ya.ru" target="_blank">Остальное искать здесь</a>
-        </p>
-    </body>
-    
-</html>