이번 미션의 주제는 바로 90년생 HTML을 주제로 웹페이지를 작성하는 것입니다. 작성방식은 자유입니다. 신문기사, 블로그, 위키백과 같은 사전 등 여러가지 형태로 남길 수도 있을텐데요. 본인이 원하는 형태로 작성해주시면 됩니다. 90년생 HTML의 이야기를 담아내면서 글, 링크, 사진, 동영상, 구독 메일 등을 담을 수 있을텐데요. 그 과정에서 필요한 HTML 태그들을 MDN 링크를 통해 직접 찾아보시길 바랍니다.
-
<html>
<head>
<title>
<body>
태그를 반드시 포함한다. -
<head>
태그 안에는<meta charset="utf-8">
를 삽입한다. - 위 5개의 태그를 제외하고 최소 10개 이상의 태그를 이용한다.
- 1개 이상의 이미지 또는 비디오를 삽입한다.
- 댓글을 작성하는
input
또는textarea
태그를 사용한다. (실제 동작할 필요는 없음) - 자신이 사용한 태그들의 기능을 README.md에 작성한다.
<link>
: HTML <link> 요소는 현재 문서와 외부 리소스의 관계를 명시합니다.<style>
: HTML <style> 요소는 문서나 문서 일부에 대한 스타일 정보를 포함합니다.<div>
: HTML <div> 요소는 플로우 콘텐츠를 위한 통용 컨테이너입니다. CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않습니다.<h1>-<h6>
: HTML <h1>–<h6> 요소는 6단계의 구획 제목을 나타냅니다. 구획 단계는 <h1>이 가장 높고 <h6>은 가장 낮습니다.<pre>
: HTML <pre> 요소는 미리 서식을 지정한 텍스트를 나타내며, HTML에 작성한 내용 그대로 표현합니다.<p>
: HTML <p> 요소는 하나의 문단을 나타냅니다.<br>
: HTML <br> 요소는 텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다.<iframe>
: HTML <iframe> 요소는 중첩 브라우징 맥락을 나타내는 요소로, 현재 문서 안에 다른 HTML 페이지를 삽입합니다.<strong>
: HTML <strong> 요소는 중대하거나 긴급한 콘텐츠를 나타냅니다. 보통 브라우저는 굵은 글씨로 표시합니다.<img>
: HTML <img> 요소는 문서에 이미지를 넣습니다.<a>
: HTML <a> 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다.<input>
: HTML <input> 요소는 웹 기반 양식에서 사용자의 데이터를 받을 수 있는 대화형 컨트롤을 생성합니다.<textarea>
: HTML <textarea> 요소는 멀티라인 일반 텍스트 편집 컨트롤을 나타냅니다.<hgroup>
: HTML <hgroup> 요소는 문서 구획의 다단계 제목을 나타냅니다. 다수의 <h1>–<h6> 요소를 묶을 때 사용합니다.<script>
: HTML <script> 요소는 실행 가능한 코드를 문서에 포함하거나 참조할 때 사용합니다. 보통 JavaScript 코드와 함께 쓰지만, WebGL의 GLSL 셰이더 프로그래밍 언어 등 다른 언어와도 사용할 수 있습니다.