입문 · 10개 강의
웹 기초: HTML 기본 개념 10강
HTML 문서 구조부터 제목·목록·링크·이미지·표·입력 양식까지 차근차근 익힙니다. 마지막에는 배운 요소로 자기소개 페이지를 완성합니다.
첫 강의 시작하기이 코스에서 배우는 것
- HTML 요소와 속성을 사용해 웹 페이지의 구조를 작성한다.
- 콘텐츠의 의미에 맞는 요소를 선택하고 기본적인 접근성을 고려한다.
- 링크, 이미지, 표, 입력 양식을 포함한 간단한 페이지를 구성한다.
이런 분에게 추천해요
웹 페이지를 처음 만드는 프로그래밍 입문자
시작하기 전에
- 컴퓨터에서 파일을 만들고 저장할 수 있다.
- 텍스트 편집기와 웹 브라우저를 사용할 수 있다.
강의 목록
위에서부터 순서대로 따라오세요01
웹 기초 · 입문
약 20분02첫 HTML 문서 만들기
HTML의 역할과 요소, 태그, 문서의 기본 구조를 익히고 HTML 파일을 저장해 브라우저에서 여는 방법을 알아봅니다.
웹 기초 · 입문
약 20분03제목과 문단으로 글 구성하기
자기소개 글에 제목 계층과 문단, 강조 요소를 적용해 텍스트의 의미를 표현합니다.
웹 기초 · 입문
약 15분04목록으로 항목 정리하기
준비물과 작업 순서를 예로 들어 순서 없는 목록과 순서 있는 목록을 작성합니다.
웹 기초 · 입문
약 20분05링크로 페이지 연결하기
링크의 목적지를 지정하고 같은 문서의 소개 영역으로 이동하는 방법을 배웁니다.
웹 기초 · 입문
약 20분06이미지와 대체 텍스트 넣기
img 요소의 src와 alt를 사용해 소개 이미지를 표시하고, 이미지가 보이지 않을 때 전달할 내용을 작성합니다.
웹 기초 · 입문
약 20분07의미 있는 영역으로 페이지 나누기
자기소개 페이지를 머리글, 탐색, 주요 콘텐츠, 바닥글로 나누어 각 영역의 역할을 표현합니다.
웹 기초 · 입문
약 20분08표로 데이터 표현하기
요일별 학습 계획을 표로 만들며 행과 셀, 표 제목과 제목 셀의 역할을 익힙니다.
웹 기초 · 입문
약 25분09입력 양식과 라벨 만들기
이름과 이메일 주소를 입력하는 연락 양식을 만들며 form, input, label의 관계를 익힙니다.
웹 기초 · 입문
약 25분10선택과 제출 기능 구성하기
체크박스, 라디오 버튼, 선택 목록과 제출 버튼으로 연락 양식을 구성합니다.
웹 기초 · 입문
약 35분소개 페이지 완성하고 점검하기
자기소개, 학습 계획, 이미지와 연락 양식을 한 페이지로 묶고 구조와 접근성을 점검합니다.
예상 시간은 설명 읽기·실행·연습을 포함한 추정치입니다. 읽는 속도와 경험에 따라 달라집니다.