1. 웹 페이지에서 HTML과 CSS의 역할이 무엇인지 구분하여 설명할 수 있다.

-HTML(Hypertext Markup Language)는 웹 페이지를 만들기 위한 언어로 웹페이지를 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있으며 브라우저(chrome, safari, ie, firefox 등)는 HTML 파일을 해석해 웹 페이지를 생성하여 사용자에게 보여줍니다.
-CSS(Cascading Style Sheets)란 HTML 태그들에 디자인을 입혀주는 것입니다. HTML이 만들어 놓은 구조를 꾸미는 역할인 것입니다.

2. HTML에서 자주 사용되는 태그의 종류 5가지 이상을 알고 각각 적절하게 활용할 수 있다.

div,span,,a,p,img

3. Semantic Web이 무엇인지, Semantic tag를 사용하는 것이 왜 중요한지 설명할 수 있다.

semantic web은 컴퓨터가 사람을 대신하여 정보를 읽고 이해하고 가공하여 새로운 정보를 만들어낼수 있는 지능형웹을 의미한다. 컴퓨터가 이해할 수 있는 형태의 새로운 언어로 표현해 기계들끼리 서로 의사소통이 가능한 지능형 웹.

semantic tag 태그만 봐도 역할을 충분히 파악할수 있는 태그

A semantic element clearly describes its meaning to both the browser and the developer.

Examples of non-semantic elements: div and span - Tells nothing about its content.

Examples of semantic elements: form, table> and article - Clearly defines its content.

사용해야 되는 이유는
html소스 코드만 보고도 문서구조가 정확히 나눠지기 때문에 다양한 화면에서 웹문서를 표현하기에 용이하다.

4. Semantic tags를 5가지 이상 알고 있으며 적절한 상황에 사용할 수 있다.

nav, header, footer, section,aside, article

5. CSS의 flex 속성을 활용하여 페이지의 레이아웃을 만들 수 있다.

6. CSS 선택자를 활용하여 요소의 스타일을 적용할 수 있다.