AI와 함께 배우는 HTML 첫걸음 05 | 올바른 인라인 텍스트 콘텐츠 정리

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

이번 영상에서는 지난 블록 콘텐츠에 이어 인라인 텍스트 콘텐츠(Inline Text Semantics)를 다룹니다.

웹 퍼블리싱 실무에서 가장 빈번하게 사용되는 a 태그의 필수 속성(href, target, download)부터 내부 앵커 링크 처리, 그리고 실무에서 자주 헷갈리는 텍스트 시맨틱 태그(b vs strong, i vs em, u vs ins, s vs del, abbr, cite)의 정확한 의미와 실무 팁을 정리해 드립니다.

또한, 복잡한 시맨틱 태그 점검을 AI 프롬프트를 활용해 스마트하게 보완하는 방법까지 함께 살펴보세요!

📌 강의 안내 및 관련 링크

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

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


⏱️ 타임라인 (Timestamps)
00:00 인트로 및 인라인 텍스트 콘텐츠 소개
00:43 a 태그 필수 속성 (href, target, download)
01:49 내부 링크(책갈피 기능) 구현 및 동작 원리
03:05 새 창 보안 속성 (rel="noopener noreferrer")
03:16 a 태그 실무 점검 사항 (tel, mailto, 빈 링크 처리)
04:27 인라인 텍스트 시맨틱 태그 실습
05:38 굵은 글씨: b vs strong
05:52 기울임 글씨: i vs em
06:03 밑줄: u vs ins (실무에서 잘 안 쓰는 이유)
07:04 취소선 및 삭제선: s vs del
07:44 축약어와 출처: abbr 및 cite
08:27 실무 적용 가이드 및 AI 프롬프트 활용 팁
09:28 마무리 및 MDN 문서 참고 안내

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

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