웹의 뼈대 HTML의 태그·구조·시맨틱 지식 10문항
10문항 · 4지선다 · 해설 포함
전체 10문항의 정답과 해설입니다. 아직 풀지 않았다면 위에서 먼저 풀어보세요.
<h1>은 HTML의 최상위 제목 태그로 검색엔진(SEO)과 접근성에서 가장 중요합니다. <h1>~<h6>까지 있으며 숫자가 작을수록 중요도가 높습니다.
<a href="URL">텍스트</a>로 하이퍼링크를 만듭니다. href 속성에 URL, target="_blank"로 새 탭에서 열기 등을 설정합니다.
<div>는 의미 없는 컨테이너 태그로 HTML4부터 있었습니다. <article>, <section>, <nav>, <header>, <footer>, <aside>는 HTML5에서 추가된 시맨틱 태그입니다.
<img src="이미지경로" alt="대체텍스트">에서 src(이미지 URL)와 alt(이미지 설명 텍스트)가 필수 속성입니다. alt는 이미지 로딩 실패 시 표시되고 스크린리더 접근성에 필요합니다.
<input type="submit"> 또는 <button type="submit">으로 폼 제출 버튼을 만듭니다. 클릭 시 폼 데이터가 action 속성의 URL로 전송됩니다.
<!DOCTYPE html>은 브라우저에게 이 문서가 HTML5임을 알려 표준 모드로 렌더링하게 합니다. DOCTYPE 없이는 쿼크스 모드(구형 호환 모드)로 동작할 수 있습니다.
<ul>(unordered list)은 순서 없는 목록, <ol>(ordered list)은 순서 있는 목록을 만듭니다. 각 항목은 <li> 태그로 표시합니다.
<meta charset="UTF-8">은 문서의 문자 인코딩을 지정합니다. UTF-8은 전 세계 대부분의 문자를 지원하는 유니코드 인코딩으로 표준적으로 사용됩니다.
<th>는 테이블 헤더 셀로 기본적으로 굵게, 가운데 정렬됩니다. <td>는 일반 데이터 셀입니다. 접근성을 위해 scope 속성으로 열/행 헤더를 명시합니다.
<canvas>는 JavaScript API를 통해 2D/3D 그래픽을 동적으로 그릴 수 있는 비트맵 그리기 영역입니다. 게임, 데이터 시각화, 이미지 편집에 활용됩니다.
10문제이며 문제마다 보기 4개 중 하나를 고릅니다. 전체 1분 정도 걸립니다.
맞힌 개수를 10문제 기준으로 환산해 점수와 정답률을 함께 보여줍니다. 문제를 풀 때마다 정답 여부가 바로 표시됩니다.
기술·IT 분야의 상식 문제로 구성했습니다 — 웹의 뼈대 HTML의 태그·구조·시맨틱 지식 10문항.
네, 10문제 모두 해설이 붙어 있습니다. 보기를 고르면 정답과 함께 왜 그런지 바로 확인할 수 있습니다.