63 lines (43 loc) · 2.07 KB

HTML Posting

1. HTML 이란? ✅

HTML의 역할 (웹의 뼈대)
브라우저가 HTML을 해석하는 방법
기본 구조 (<!doctype>, <html>, <head>, <body>)

2. 텍스트 다루기 ✅

제목 태그(<h1> ~ <h6>)
문단(<p>)
강조(<string>, <em>)
줄바꿈과 구분선(<br>, <hr>)

3. 링크와 이미지 ✅

하이퍼 링크(<a>)
이미지 삽입(<img>)
경로(relative, absolute)의 개념
링크 새 탭 열기, 이미지 대체 텍스트(_blank,alt)

4. 리스트와 표 ✅

순서 없는 리스트(<ul></ul>)
순서 있는 리스트(<ol></ol>)
설명 리스트(<dl><dt><dd>)
표(<table>, <tr>, <td>, <th>)

5. 멀디미디어 태그 ✅

오디오(<audio>)
비디오(<video>)
iframe(유튜브 삽입 등)

6. 폼(form) 다루기

입력창(<input>, <textarea>)
버튼(<button>)
라디오/체크박스/셀렉트박스
폼 속성(action, method 등)

7. 시맨틱 태그와 구조화

<header>, <nav>,<section>,<article>,<footer>
시맨틱 태그가 중요한 이유 (검색엔진, 접근성)

8. 메타데이터와 head 영역

<meta>태그
viewport / SEO 관련 태그
title, favicon 넣기

9. 레이아웃 기본기

<div>와 <span>의 차이점
블록 vs 인라인 요소
기본적인 레이아웃 잡기 (CSS 없이)

10. 작은 프로젝트

지금까지 배운 태그들을 종합
자기소개, 링크, 이미지, 표, 폼을 활용해 페이지 만들기