AI와 함께 배우는 HTML 첫걸음 04 | 올바른 목록과 텍스트 구조 설계 완벽 정리

안녕하세요, 리베하얀입니다.

이번 영상에서는 HTML의 핵심인 '텍스트 콘텐츠' 태그들을 자세히 알아봅니다.
CSS 없이 화면에 어떻게 떨어지는지(블록 vs 인라인)부터 시작해, 실무에서 가장 많이 쓰는 div, span, 목록 태그(ul, ol), 줄바꿈 및 문단(br, p), 엔티티 코드, 그리고 멀티미디어와 설명을 묶는 figure/figcaption까지 한 번에 정리해 드립니다.

특히 실무에서 헷갈리기 쉬운 dl 태그의 사용 주의점(웹 접근성/스크린 리더 이슈)과 AI를 활용해 올바른 구조의 리스트를 마크업하는 방법도 함께 다루었으니 끝까지 시청해 보세요!

📌 강의 안내 및 관련 링크

온·오프라인 강의 안내: https://rebehayan.notion.site/15f5344e9c9180648cbdc918744a57c2?pvs=74

👉 구독자 단톡방 https://open.kakao.com/o/gOT0rthe


⏰ 타임라인(Timeline)
00:00 인트로 (블록 요소 vs 인라인 요소)
01:42 div, span
03:14 ul, ol, dl
09:33 br
09:59 p
11:22 entity
12:56 figure, figcaption

영상 보시면서 궁금한 점은 언제든 댓글로 남겨주세요.
구독과 좋아요, 알림 설정은 큰 힘이 됩니다! 감사합니다.

#HTML #웹퍼블리싱 #프론트엔드 #리베하얀 #HTML기초 #코딩강의