-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtask1.html
48 lines (47 loc) · 1.98 KB
/
task1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>멋사 웹 첫과제</title>
</head>
<body>
<header>
<h1>멋쟁이 사자처럼 8기</h1>
<h2>첫 번째 과제 어흥</h2>
<p>충북대학교 안에서 세화와 싸워서 이길 사람은 없다. <br>
이길 수 있다면 아래 지우너서를 통해 대결을 신청해라.</p>
</header>
<div>
<form>
<h3>지원서</h3>
<ul>
<li>이름 : <input type="text" id="name" maxlength="15" minlength="3" required></li>
<li>번호 : <input type="number" id="number" maxlength="15" minlength="3" required></li>
</ul>
<input type="submit" value="제출">
</form>
<span>
문의) <a href="https://software.cbnu.ac.kr/">충북대학교 소프트웨어학과</a>
</span>
</div>
<div id="quiz">
<h3>Quiz</h3>
<ol style="padding-left: 15px;">
<li>p태그와 div의 차이점은?? <br>
<br> 답: p태그는 문단을 구분하는 태그이고, div태그는 영역을 블록단위로 지정하는 태그이다. </li>
<br>
<li>src와 href의 차이 <br>
<br> 답: src는 파일 디렉토리 경로에 있는 이미지 파일이나 오디오 파일, 비디오 파일과 같은 자료를 웹 페이지에 불러올 때 사용하며,
<br>href는 특정문서를 참조할 때 사용한다. </li>
<br>
<li>h1태그의 숫자 1은 몇 가지 늘어날 수 있나요? <br>
<br> 답: 6</li>
<br>
<li>img 태그에서 이미지를 못 불러왔을 때 대체하는 속성 <br>
<br>답: alt=""를 사용해서 문자열로 대체하거~나 onerror="this.src=''"를 사용한다.</li>
</ol>
</div>
</body>
</html>
~`~