Day 19 - 복습 - 강조 태그 비교

Day 19: 복습 - 강조 태그 비교

📖 오늘 배울 내용

이번 주에 배운 강조 태그들을 모두 복습해요! 굵게(strong), 기울임(em), 밑줄(u), 취소선(s, del)을 완벽하게 정리하고, 언제 어떤 태그를 사용해야 하는지 배워봐요! 🎯

💡 이번 주에 배운 것

• Day 15: strong 태그 - 굵게 표시
• Day 16: em 태그 - 기울임 표시
• Day 17: u 태그 - 밑줄 표시
• Day 18: s, del 태그 - 취소선 표시

---

1. 5가지 강조 태그 한눈에 보기 👀

지금까지 배운 강조 태그들을 표로 정리해봐요!

태그	모양	의미	주 용도
<strong>	굵게	강한 강조	중요 정보, 날짜, 시간
<em>	기울임	부드러운 강조	감정 표현, 책/영화 제목
<u>	밑줄	특별한 표시	고유명사, 특별한 용어
<s>	취소선	더 이상 정확하지 않음	할인 가격, 변경된 정보
<del>	취소선	삭제된 내용	완료 항목, 수정 내역

문구점 필기구로 비유하면

🖍️ 다섯 가지 펜으로 공부하는 것과 같아요!

💛 strong = 노란 형광펜 (진하게!)
→ 시험에 꼭 나오는 중요한 내용

💙 em = 파란 색연필 (부드럽게)
→ 감정이나 느낌 표현

✏️ u = 연필로 밑줄 (표시하기)
→ 인물 이름이나 중요 단어

🔴 s/del = 빨간 펜으로 줄 긋기 (지우기)
→ 틀린 정보나 완료한 일

상황에 맞는 펜을 골라 쓰듯이
목적에 맞는 태그를 선택하세요! 📚

---

2. 상황별 태그 선택 가이드 🎯

어떤 상황에 어떤 태그를 사용해야 할까요?

📅 날짜와 시간 표시

✅ 올바른 사용:

<p>시험 날짜는 <strong>12월 10일</strong>입니다.</p>

결과: 시험 날짜는 12월 10일입니다.

이유: 날짜는 중요한 정보니까 strong 사용!

💬 감정 표현

✅ 올바른 사용:

<p>이 영화는 <em>정말 재미있어요</em>!</p>

결과: 이 영화는 정말 재미있어요!

이유: 감정 표현은 부드러운 em 사용!

👤 이름 표시

✅ 올바른 사용:

<p>주인공 <u>홍길동</u>은 의적이었어요.</p>

결과: 주인공 홍길동은 의적이었어요.

이유: 고유명사(이름)는 u로 표시!

💰 할인 가격

✅ 올바른 사용:

<p>가격: <s>10,000원</s> <strong>7,000원</strong></p>

결과: 가격: 10,000원 7,000원

이유: 원래 가격은 s로 취소선, 할인 가격은 strong!

✅ 완료 표시

✅ 올바른 사용:

<p><del>숙제하기</del> ✅ 완료!</p>

결과: 숙제하기 ✅ 완료!

이유: 완료된 항목은 del로 표시!

신호등으로 비유하면

🚦 글을 읽을 때의 신호 체계예요!

🔴 strong = 빨간불 (멈추고 주목!)
"중요! 여기 꼭 봐야 해요!"

🟡 em = 노란불 (주의 깊게 보기)
"조금 신경 써서 읽어주세요~"

🔵 u = 파란불 + 표지판 (특별 표시)
"이 단어는 특별해요!"

⚫ s/del = 꺼진 신호 (더 이상 유효하지 않음)
"이 정보는 이제 아니에요!"

신호를 보고 판단하듯
태그를 보고 의미를 파악해요! 🚗

---

3. 태그 조합의 마법 ✨

여러 태그를 함께 사용하면 더욱 풍부한 표현이 가능해요!

예제 1: 완벽한 공지문

<h2>📢 중요 공지</h2>

<p>
<u>겨울방학 특강</u> 일정이 변경되었습니다.
</p>

<p>
<strong>날짜:</strong> <del>12월 20일</del> <strong>12월 22일</strong><br>
<strong>시간:</strong> 오전 10시<br>
<strong>장소:</strong> <u>과학실</u>
</p>

<p>
<em>많은 참여 부탁드려요!</em> 🙏
</p>

결과:

📢 중요 공지

겨울방학 특강 일정이 변경되었습니다.

날짜: 12월 20일 12월 22일
시간: 오전 10시
장소: 과학실

많은 참여 부탁드려요! 🙏

예제 2: 멋진 상품 광고

<h2>🎉 주말 특가 세일!</h2>

<p>
<u>무선 이어폰</u><br>
<s>89,000원</s> <strong>59,000원</strong><br>
<em>30,000원 할인!</em>
</p>

<p>
<u>블루투스 스피커</u><br>
<s>120,000원</s> <strong>79,000원</strong><br>
<em>무려 41,000원 할인!</em>
</p>

<p>
<strong>기간:</strong> 이번 주말만!<br>
<em>서두르세요!</em> 🏃
</p>

결과:

🎉 주말 특가 세일!

무선 이어폰
89,000원 59,000원
30,000원 할인!

블루투스 스피커
120,000원 79,000원
무려 41,000원 할인!

기간: 이번 주말만!
서두르세요! 🏃

요리 레시피로 비유하면

👨‍🍳 다섯 가지 양념을 섞는 것과 같아요!

재료 (각 태그):
🧂 strong = 소금 (기본 간, 꼭 필요)
🌿 em = 허브 (향미, 부드러운 맛)
🧄 u = 마늘 (특별한 향)
🌶️ s/del = 고추 (자극, 변화)

조합 예시:
"특제 파스타"
"원래 20,000원 → 15,000원"
"정말 맛있어요!"

양념을 적절히 섞으면
완벽한 요리가 완성돼요! 🍝

태그도 마찬가지!
적절히 조합하면 멋진 글이 완성돼요! ✨

---

4. 실전 종합 예제 🎨

예제: 독서 감상문

<h1>📚 독서 감상문</h1>

<p>
<strong>책 제목:</strong> <em>어린 왕자</em><br>
<strong>저자:</strong> <u>생텍쥐페리</u><br>
<strong>완독 날짜:</strong> 2025년 12월 9일
</p>

<h2>내용 요약</h2>
<p>
주인공 <u>어린 왕자</u>는 <u>B-612 행성</u>에서 왔어요.
그는 여러 행성을 여행하며 <em>이상한</em> 어른들을 만나요.
</p>

<h2>인상 깊은 구절</h2>
<p>
"<strong>가장 중요한 것은 눈에 보이지 않아.</strong>"
</p>

<p>
이 말이 <em>정말 감동적이었어요</em>. 💙
</p>

<h2>독서 계획</h2>
<p>
<del>1장 읽기</del> ✅<br>
<del>2-5장 읽기</del> ✅<br>
<del>6-10장 읽기</del> ✅<br>
<del>완독하기</del> ✅ 완료!
</p>

<h2>평점</h2>
<p>
<del>4점</del> <strong>5점 만점에 5점!</strong> ⭐⭐⭐⭐⭐
</p>

<p>
<em>모두에게 추천하고 싶은 책이에요!</em> 📖
</p>

결과:

📚 독서 감상문

책 제목: 어린 왕자
저자: 생텍쥐페리
완독 날짜: 2025년 12월 9일

내용 요약

주인공 어린 왕자는 B-612 행성에서 왔어요. 그는 여러 행성을 여행하며 이상한 어른들을 만나요.

인상 깊은 구절

"가장 중요한 것은 눈에 보이지 않아."

이 말이 정말 감동적이었어요. 💙

독서 계획

1장 읽기 ✅
2-5장 읽기 ✅
6-10장 읽기 ✅
완독하기 ✅ 완료!

평점

4점 5점 만점에 5점! ⭐⭐⭐⭐⭐

모두에게 추천하고 싶은 책이에요! 📖

---

5. 태그 선택 플로우차트 🗺️

어떤 태그를 써야 할까요?

Q1: 중요한 정보인가요? (날짜, 시간, 주의사항)
→ YES: <strong> 사용!

Q2: 감정이나 느낌을 표현하나요?
→ YES: <em> 사용!

Q3: 이름이나 특별한 용어인가요?
→ YES: <u> 사용!

Q4: 더 이상 유효하지 않은 정보인가요?
→ YES: <s> 또는 <del> 사용!

---

6. 종합 퀴즈 🎯

Q1. 다음 중 강한 강조를 나타내는 태그는?

① <em>
② <strong>
③ <u>
④ <del>

정답 보기 👆

정답: ② <strong>

strong 태그는 중요한 내용을 굵게 표시하며
강한 강조를 나타내요!

예시: 시험은 12월 10일입니다.

Q2. 책 제목이나 영화 제목을 표시할 때 적합한 태그는?

① <strong>
② <em>
③ <u>
④ <s>

정답 보기 👆

정답: ② <em>

em 태그는 책이나 영화 제목처럼
부드러운 강조가 필요한 곳에 사용해요!

예시: 오늘은 어린 왕자를 읽었어요.

Q3. 인물의 이름을 표시하기에 가장 적합한 태그는?

① <strong>
② <em>
③ <u>
④ <del>

정답 보기 👆

정답: ③ <u>

u 태그는 고유명사인 이름을 표시할 때 사용해요!

예시: 주인공 홍길동은 의적이었어요.

Q4. 할인 전 가격을 표시할 때 사용하는 태그는?

① <strong>
② <em>
③ <s> 또는 <del>
④ <u>

정답 보기 👆

정답: ③ <s> 또는 <del>

취소선 태그는 더 이상 유효하지 않은
원래 가격을 표시할 때 사용해요!

예시: 10,000원 7,000원

Q5. 다음 중 올바른 태그 조합은?

① 날짜: <em>12월 10일</em>
② 감정: <strong>정말 좋아요</strong>
③ 이름: <u>김철수</u>
④ 할인: <u>10,000원</u> 7,000원

정답 보기 👆

정답: ③ 이름: <u>김철수</u>

올바른 사용:
- 날짜 → strong: 12월 10일
- 감정 → em: 정말 좋아요
- 이름 → u: 김철수 ✅
- 할인 → s/del + strong: 10,000원 7,000원

Q6. s 태그와 del 태그의 공통점은?

① 둘 다 굵게 표시한다
② 둘 다 기울임 표시한다
③ 둘 다 취소선을 긋는다
④ 둘 다 밑줄을 긋는다

정답 보기 👆

정답: ③ 둘 다 취소선을 긋는다

s 태그와 del 태그는 모두
텍스트 가운데 이렇게 취소선을 그어요!

차이점:
- s: 더 이상 정확하지 않음
- del: 삭제된 내용

보이는 모양은 같지만 의미가 조금 달라요!

Q7. 다음 중 가장 멋진 할인 광고는?

① 가격: 10,000원 7,000원
② 가격: <strong>10,000원 7,000원</strong>
③ 가격: <s>10,000원</s> <strong>7,000원</strong>
④ 가격: <em>10,000원</em> <em>7,000원</em>

정답 보기 👆

정답: ③ 가격: <s>10,000원</s> <strong>7,000원</strong>

완벽한 할인 광고는:
- 원래 가격: s로 취소선
- 할인 가격: strong으로 굵게

결과: 10,000원 7,000원

얼마나 할인됐는지 한눈에 보여요! 💰✨

---

7. 실전 연습 문제 📝

🎯 종합 실습 과제

미션: 나만의 블로그 글 작성하기

다음 주제 중 하나를 선택해서 블로그 글을 작성해보세요!

1. 좋아하는 영화/책 리뷰
2. 최근 다녀온 여행 후기
3. 좋아하는 음식 소개
4. 존경하는 인물 소개

필수 조건:

strong 태그 3번 이상 사용 (중요 정보)

em 태그 3번 이상 사용 (감정 표현)

u 태그 3번 이상 사용 (이름, 용어)

s 또는 del 태그 1번 이상 사용

5가지 태그 모두 사용하기

태그를 적절한 곳에 사용하기

제목(h1, h2)도 함께 사용하기

---

✨ 이번 주 핵심 정리

태그	용도	예시
<strong>	중요 정보	12월 10일
<em>	감정 표현	정말 좋아요
<u>	이름, 용어	김철수
<s>	틀린 정보	10,000원
<del>	완료/삭제	숙제하기 ✅

---

📚 Day 20: 실습 - 중요한 부분 강조하기

다음편에는 배운 모든 태그를 활용해서 실전 프로젝트를 만들어요!
멋진 웹 페이지를 완성해봐요! 🎨✨

---

📝 오늘의 한마디

"다섯 가지 태그를 적절히 사용하면
어떤 글도 지루하지 않고 멋지게 만들 수 있어요!
이번 주 정말 많이 배웠어요! 🎉✨"

✅ 오늘 배운 것 체크리스트

5가지 강조 태그를 모두 이해했다

각 태그의 용도를 구별할 수 있다

상황에 맞는 태그를 선택할 수 있다

여러 태그를 조합해서 사용할 수 있다

실전 예제를 만들어봤다

퀴즈를 모두 풀어봤다

모두 체크했다면 Day 19 완료! Week 3 복습 완벽! 🎉