roakfwk30 / 2021_단기집중교육_HTML.CSS star
안효원 안효원 2021-08-04
Day2-End
@1a08c98781eceb1064381b5029330d512d831a50
 
1a08c98
2.html (added)
+++ 2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="ko">
+<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>CSS</title>
+    <link rel="stylesheet" href="test.css">
+</head>
+<body>
+    <div id="page">
+        <h1 id="title">CSS.html</h1>
+        <hr>
+        <p><br>
+            제 이름은 홍길동입니다.
+            저는 광주에 살고 있습니다.
+        </p>
+
+        <span id="headingSector">
+            <h1 id="h1">여기는 h1입니다.</h1>
+            <h2>여기는 h2입니다.</h2>
+            <h3>여기는 h2입니다.</h3>
+            <h4 style="color: lightseagreen; border: black solid;">여기는 h4입니다.</h4>
+        </span>
+        
+        <p id="copy">2021 &copy RISKER all right reserved</p>
+    </div>
+</body>
+</html>(No newline at end of file)
 
1a08c98
3.html (added)
+++ 3.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="ko">
+<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>
+    <h1 id="top">Kitchen Garden Calender</h1>
+    <p id="introdution">Here you can read our handly guide about what to when.</p>
+    <h2>Spring</h2>
+    <ul>
+        <li><a href="mulch.html">
+            Spring mulch vegetable beds
+        </a></li>
+        <li><a href="potato.html">
+            Plant out early potatos
+        </a></li>
+        <li><a href="tomato.html">
+            Sow tomato seeds
+        </a></li>
+        <li><a href="beet.html">
+            Sow beet seeds
+        </a></li>
+        <li><a href="zucchini.html">
+            Sow zucchini seeds
+        </a></li>
+        <p class="note">
+            This page was written by
+            <a href="mailto:ivy@example.org">
+                ivy@example.org</a> for
+            <a href="http://www.example.org">Example</a>.
+        </p>
+        <p>
+            <a href="#top">Top of page</a>
+        </p>
+    </ul>
+</body>
+</html>(No newline at end of file)
 
1a08c98
4.html (added)
+++ 4.html
@@ -0,0 +1,94 @@
+<!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>
+    <table border="1">
+        <tr>
+            <td>아이디</td>    
+            <td>
+                <input type="text">
+                <input type="submit" value="중복확인"><br>
+                영문자_숫자_만입력 가능 최소5자 이상 입력하세요.
+            </td>    
+        </tr>
+        <tr>
+            <td>비밀번호</td>
+            <td>
+                <input type="password">
+                비밀번호 강도 : 낮음<br>
+                영문_숫자_특수문자 중 3가지 조합 8자리 이상이여야 합니다.
+            </td>
+        </tr>
+        <tr>
+            <td>비밀번호 확인</td>
+            <td>
+                <input type="password">
+            </td>
+        </tr>
+    </table>
+    <br><br>
+    <table border="1">
+        <tr>
+            <td>이름</td>
+            <td><input type="text"></td>
+        </tr>
+        <tr>
+            <td>생년월일</td>
+            <td>
+                <select>
+                    <option value="1990">1990</option>
+                </select>
+                -<input type="text">-<input type="text">
+            </td>
+        </tr>
+        <tr>
+            <td>성별</td>
+            <td>
+                <select>
+                    <option value="">남자</option>
+                    <option value="">여자</option>
+                </select>
+            </td>
+        </tr>
+        <tr>
+            <td>휴대폰번호</td>
+            <td>
+                <select>
+                    <option value="">010</option>
+                </select>
+                - <input type="text">-<input type="text">
+            </td>
+        </tr>
+        <tr>
+            <td>E-mail</td>
+            <td>
+                <input type="text">@
+                <input type="text" value="naver.com">
+                <select>
+                    <option value="">직접입력</option>
+                </select>
+                <input type="submit" value="중복확인">
+            </td>
+        </tr>
+        <tr>
+            <td>소속</td>
+            <td><input type="text"></td>
+        </tr>
+        <tr>
+            <td>주소</td>
+            <td>
+                <input type="text"><input type="submit" value="중복확인"><br>
+                <input type="text"><br>
+                <input type="text"><br>
+                <input type="text"><br>
+                <input type="text">
+            </td>
+        </tr>
+    </table>
+</body>
+</html>(No newline at end of file)
 
1a08c98
audio/audio.mp3 (Binary) (added)
+++ audio/audio.mp3
Binary file is not shown
bbd0e21
1a08c98
form.html
--- form.html
+++ form.html
@@ -6,15 +6,18 @@
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <title>Form</title>
 
     <style>
 
-        #page {width: 720px; height: 600px; margin: 0 auto; background-color: antiquewhite;}
 
+        #page {width: 720px; margin: 0 auto; background-color: antiquewhite;}
 
         #drop {padding-left: 300px;}
 
         #textarea {padding-left: 80px;}
 
         #img {width: 30px; height: 30px;}
 
         #img:hover {background-color: black;}
 
+        #title {text-align: center;}
 
     </style>
 
 </head>
 
 <body>
 
     <div id="page">
 
+        <span id="title"><h1>Form.html</h1></span>
 
+        <hr>
 
         <form action="1.html" method="GET">
 
                 Username : <input type="text" name="username" size="15" maxlength="30" placeholder="Username"><br>
@@ -22,7 +25,6 @@
 
 
                 Textarea : <br>
 
                 <span id="textarea"><textarea name="textarea" cols="20" rows="5" placeholder="textarea"></textarea></span><br><br>
 
-
 
 
                 Please select you favorite fruit (Radio) : 
                 <label><input type="radio" name="fruit" value="apple" checked="checked">Apple</label>
@@ -51,10 +53,62 @@
 
                 <input type="text" name="email">
 
                 <input id="img" type="image" src="image/submit.png" alt="submitClick"><br><br>
 
 
-
 
                 <input type="submit" value="전송">
 
                 <input type="reset" value="다시쓰기">
 
+
 
+                <p>
 
+                    <input type="hidden" name="data1">
 
+                    <input type="text" name="data2">
 
+                </p>
 
+                
+                <button>
 
+                    <img src="/image/submit.png" alt="add" width="10" height="10">add
 
+                </button>
 
+                <input type="hidden" name="bookmark" value="lyrics"><br><br>
 
+
 
+                <label>Age : <input type="text" name="age"></label><br>
 
+                <input id="female" type="radio" name="gender" value="f">
 
+                <label for="female">Female</label>
 
+                <input id="male" type="radio" name="gender" value="m">
 
+                <label for="male">Male</label><br><br>
 
+
 
+                <fieldset>
 
+                    <legend>Contact details</legend>
 
+                    <label>Email :
 
+                    <input type="text" name="email"></label><br>
 
+                    <label>Mobile : 
+                    <input type="text" name="mobile"></label><br>
 
+                    <label>Telephone
 
+                    <input type="text" name="telephone"></label>
 
+                </fieldset><br><br>
 
+
 
+                <label for="username">Username : </label>
 
+                <input type="text" name="username" required><br>
 
+                <label for="password">Password : </label>
 
+                <input type="password" name="password" required><br>
 
+                <input type="submit" value="Submit"><br><br>
 
+
 
+                <label for="username">Departure date : </label>
 
+                <input type="date" name="depart"><br>
 
+                <input type="submit" value="Submit"><br><br>
 
+
 
+                <p>Please enter your email address : </p>
 
+                <input type="email" name="email">
 
+                <input type="submit" name="Submit"><br><br>
 
+
 
+                <!-- 여기는 주석입니다. -->
 
+
 
+                <iframe width="720" height="350" src="https://map.kakao.com/"></iframe><br>
 
+
 
+                <video src="/video/video.mp4" poster="/image/submit.png" width="400" height="300" 
+                autoplay controls preload loop></video><br><br>
 
+
 
+                <audio src="/audio/audio.mp3" loop autoplay preload controls>
 
+                    <p>
 
+                        This browser does not support our audio fromat.
 
+                    </p>
 
+                </audio>      
         </form>
 
     </div>
 
 </body>
 
-</html>+
(No newline at end of file) 
+</html>
(No newline at end of file)
 
1a08c98
test.css (added)
+++ test.css
@@ -0,0 +1,9 @@
+#page {width: 720px; height: 720px; margin: 0 auto; background-color: antiquewhite;}
+#title {text-align: center;}
+#title:hover {background-color: black; color: white;}
+p {font-family: 'Times New Roman', Times, serif; color: green; font-weight: bold; text-align: center;} 
+#h1 {color: red; border: brown solid;}
+h2 {color: blue; border: seagreen double;}
+h3 {color: blueviolet; border: dodgerblue dotted;}
+#headingSector {text-align: center;}
+#copy {text-align: right; color: black;}(No newline at end of file)
 
1a08c98
video/video.mp4 (Binary) (added)
+++ video/video.mp4
Binary file is not shown
Add a comment
List