태그: HTML
5편
-
htmx 실전: HTML 속성만으로 동적 웹 만들기와 React·Vue와의 선택 기준
hx-get·hx-post·hx-swap·hx-trigger·hx-target 속성으로 AJAX 요청과 DOM 교체를 구현하고, 실시간 검색·무한 스크롤·폼 검증 예제와 hx-boost·SSE·WebSocket 연동, React·Vue 대신 htmx를 고를 기준을 다룹니다.
-
HTML 깊이 보기: 파싱과 DOM, 접근성, 폼 검증, Shadow DOM
브라우저가 HTML 바이트를 토큰과 DOM 트리로 만드는 과정과 스크립트가 파싱을 막는 이유, innerHTML이 XSS로 이어지는 경로를 설명합니다. 시맨틱 마크업과 ARIA의 역할, Constraint Validation API 폼 검증, Shadow DOM과 커스텀 엘리먼트도 다룹니다.
-
HTML 기본 태그 | 텍스트, 링크, 이미지, 리스트
제목과 문단, 강조 태그, 링크와 이미지, figure, 순서 있는·없는 리스트와 설명 리스트, 셀 병합이 있는 테이블, header·nav·article 같은 시맨틱 태그를 예제로 익힙니다. 기본 폼 요소와 프로필 페이지 실습으로 마무리합니다.
-
HTML/CSS 시작하기 | 웹 개발 첫걸음
웹 개발을 처음 시작하는 사람을 위해 VS Code를 설치하고 첫 HTML 파일을 만든 뒤, HTML 기본 구조와 주요 태그, CSS를 연결하는 세 가지 방법과 선택자 문법을 익힙니다. 명함 페이지와 블로그 글 예제, Chrome DevTools 사용법도 다룹니다.
-
HTML/CSS 시리즈 전체 목차 | 웹 프론트엔드 기초부터 실전까지
HTML 기본 태그와 CSS 기초에서 시작해 박스 모델, Position, Flexbox, Grid, 반응형 디자인, 애니메이션으로 이어지는 HTML/CSS 시리즈의 각 편 내용과 초급·중급·고급 학습 경로를 안내합니다.