📝 HTML 학습 정리

HTML을 기초부터 학습하며, 웹페이지 구조를 설계하고 다양한 시멘틱 태그를 활용해보았습니다.

🏷️ 학습 내용

HTML 기초
- HTML 문서 구조 (<!DOCTYPE html>, <html>, <head>, <body>)
- 메타데이터: <meta>, <title>, <link>, <script>
- 기본 텍스트 태그: <h1> ~ <h6>, <p>, <span>, <br> 등
목록과 링크
- 순서 없는 목록 <ul>, 순서 있는 목록 <ol>
- <a> 태그를 통한 내부·외부 링크
이미지와 멀티미디어
- <img> 태그: 이미지 삽입 및 속성(alt, width, height)
- <video>, <audio>: 멀티미디어 삽입
테이블과 폼
- <table>, <tr>, <td>, <th>: 표 구조
- <form>, <input>, <select>, <textarea>, <button>: 사용자 입력 처리
시멘틱 태그
- <header>, <nav>, <main>, <section>, <article>, <footer> 등
- 페이지의 의미와 접근성 향상
웹표준과 접근성
- W3C 표준 준수
- 시멘틱 태그로 스크린리더 등 접근성 보장

HTML은 웹의 기초이자 뼈대 역할을 하며, CSS/JS로 꾸미거나 동작을 추가하는 기반이 됨을 다시금 느꼈습니다.
<header>, <main>, <footer> 등 시멘틱 태그를 활용해 문서의 구조를 명확하게 나누는 것이 중요하다는 것을 체감했습니다.