Day 17 - 밑줄 - u 태그

Day 17: 밑줄 - u 태그

📖 오늘 배울 내용

지금까지 굵게(strong), 기울임(em)을 배웠어요! 오늘은 텍스트에 밑줄을 긋는 u 태그를 배울 거예요. 밑줄로 또 다른 방식의 강조를 표현해봐요! ✏️

💡 어제 배운 것 복습

• em 태그: 텍스트를 기울이며 부드럽게 강조
• 사용 예: 감정 표현, 책/영화 제목, 외국어
• strong과의 차이: em은 부드러운 강조
• 조합: strong과 em을 함께 사용 가능

---

1. u 태그가 뭔가요? ✏️

<u> 태그는 텍스트에 밑줄을 그어주는 태그예요! 중요한 부분을 표시하거나 특별한 의미를 나타낼 때 사용해요.

💡 u의 의미

• u = underline (밑줄)
• 영어로 "밑줄 긋다"라는 뜻이에요
• 텍스트 아래에 선을 그어서 강조해요
• 고유명사, 맞춤법 오류, 특별한 용어를 표시할 때 사용해요

기본 문법

<u>밑줄 그을 내용</u>

책의 중요 부분에 밑줄 긋기로 비유하면

📚 교과서에 연필로 밑줄 긋는 것과 같아요!

📖 일반 텍스트 = 평범한 글
✏️ u 태그 = 연필로 밑줄 그은 부분

"사과는 빨간색 과일입니다."
↓ 중요한 단어에 밑줄!
"사과는 빨간색 과일입니다."

중요한 단어가 눈에 띄죠? 👀

---

2. u 태그 사용법 - 기초 🎯

예제 1: 간단한 밑줄

<p>내 이름은 <u>김철수</u>입니다.</p>

결과:

내 이름은 김철수입니다.

예제 2: 특별한 용어 표시

<p><u>광합성</u>은 식물이 빛 에너지로 양분을 만드는 과정이에요.</p>

결과:

광합성은 식물이 빛 에너지로 양분을 만드는 과정이에요.

예제 3: 여러 단어에 밑줄

<p>
우리 반 <u>반장</u>은 <u>이영희</u>이고,<br>
<u>부반장</u>은 <u>박민수</u>예요.
</p>

결과:

우리 반 반장은 이영희이고,
부반장은 박민수예요.

시험지에 밑줄 긋기로 비유하면

📝 시험 문제에서 중요한 부분 체크하는 것과 같아요!

"다음 중 바른 것을 고르세요."
↑ 문제에서 중요한 부분!

"광합성은 식물의 작용입니다."
↑ 과학 용어 표시!

"주인공 홍길동은 의적이었어요."
↑ 이름(고유명사) 표시!

밑줄로 중요한 부분을 명확하게! ✍️

---

3. strong, em, u의 차이점 🤔

세 가지 태그 모두 강조하지만, 사용 목적이 달라요!

비교 항목	strong	em	u
모양	굵게	기울임	밑줄
강조 방식	강한 강조	부드러운 강조	선으로 표시
주 용도	중요 정보 날짜, 시간	감정 표현 책/영화 제목	고유명사 특별한 용어
예시	12월 10일 시험	정말 좋아요	김철수입니다

세 가지 마킹 도구로 비유하면

🖍️ 세 가지 색깔 펜으로 표시하는 것과 같아요!

💛 strong = 노란 형광펜
→ 중요한 정보 확 띄우기!
→ "시험 날짜: 12월 10일"

💙 em = 파란 펜으로 살짝 표시
→ 감정이나 느낌 부드럽게
→ "이 영화 정말 재미있어요"

✏️ u = 연필로 밑줄
→ 이름이나 용어 체크
→ "주인공 홍길동"

상황에 맞게 다른 펜을 쓰듯이
목적에 맞는 태그를 선택하세요! 🎨

---

4. u 태그 언제 사용하나요? 💭

사용하면 좋은 경우 ✅	사용하지 않는 게 좋은 경우 ❌
고유명사 (이름, 지명) <u>김철수</u>	중요한 정보 강조 (strong 사용)
특별한 용어, 전문 용어 <u>광합성</u>	감정 표현 (em 사용)
주의를 끌고 싶은 단어 <u>주의</u>	링크처럼 보이는 텍스트 (혼동 주의)
맞춤법 오류 표시 <u>틀린 단어</u>	모든 단어에 밑줄 (과도한 사용 금지)

⚠️ 중요한 주의사항

웹에서 밑줄은 보통 링크를 의미해요. 그래서 u 태그를 너무 많이 사용하면 사용자가 혼란스러워할 수 있어요. 정말 필요한 곳에만 사용하세요!

---

5. 실전 예제 모음 💡

예제 1: 인물 소개

<h2>👤 위인 소개</h2>

<p>
<u>세종대왕</u>은 조선의 <strong>4대 왕</strong>이에요.
</p>

<p>
<u>한글</u>을 만드신 분으로 <em>매우 존경받고</em> 있어요.
</p>

<p>
<strong>업적:</strong><br>
- <u>훈민정음</u> 창제<br>
- 과학 기술 발전<br>
- 농업 발전
</p>

결과:

👤 위인 소개

세종대왕은 조선의 4대 왕이에요.

한글을 만드신 분으로 매우 존경받고 있어요.

업적:
- 훈민정음 창제
- 과학 기술 발전
- 농업 발전

예제 2: 과학 용어 설명

<h2>🔬 과학 용어 사전</h2>

<p>
<u>광합성</u>: 식물이 <strong>빛 에너지</strong>로 양분을 만드는 과정
</p>

<p>
<u>증발</u>: 액체가 기체로 변하는 현상
</p>

<p>
<u>중력</u>: 물체를 <em>아래로</em> 끌어당기는 힘
</p>

결과:

🔬 과학 용어 사전

광합성: 식물이 빛 에너지로 양분을 만드는 과정

증발: 액체가 기체로 변하는 현상

중력: 물체를 아래로 끌어당기는 힘

예제 3: 등장인물 소개

<h2>📖 동화 속 등장인물</h2>

<p>
이 이야기의 주인공은 <u>신데렐라</u>예요.
</p>

<p>
<u>신데렐라</u>는 <em>착하고 아름다운</em> 소녀였어요.
</p>

<p>
<strong>자정 12시</strong>가 되면 <u>마법</u>이 풀려요!
</p>

<p>
결국 <u>왕자님</u>과 <em>행복하게</em> 살았답니다.
</p>

결과:

📖 동화 속 등장인물

이 이야기의 주인공은 신데렐라예요.

신데렐라는 착하고 아름다운 소녀였어요.

자정 12시가 되면 마법이 풀려요!

결국 왕자님과 행복하게 살았답니다.

---

6. 실습 과제 📝

🎯 실습 과제

미션 1: 나의 소개서 만들기

자신을 소개하는 글을 작성해보세요!

• 이름은 u로 밑줄
• 나이나 학년 같은 중요 정보는 strong으로 굵게
• 좋아하는 것 표현은 em으로 기울임
• 특별한 취미나 특기는 u로 밑줄

이름에 u 태그 사용하기

중요 정보에 strong 태그 사용하기

감정 표현에 em 태그 사용하기

취미나 특기에 u 태그 사용하기

미션 2: 좋아하는 인물 소개하기

존경하는 인물이나 좋아하는 캐릭터를 소개해보세요!

인물 이름에 u 태그 3번 이상 사용

중요한 업적에 strong 태그 사용

세 가지 태그(strong, em, u)를 모두 사용

예시 답안: 나의 소개

<h1>👋 안녕하세요!</h1>

<p>
제 이름은 <u>김민지</u>이고, <strong>초등학교 4학년</strong>입니다.
</p>

<p>
저는 <u>그림 그리기</u>를 <em>정말 좋아해요</em>!<br>
<strong>매주 토요일</strong>에 <u>미술 학원</u>에 다녀요.
</p>

<p>
제 꿈은 <em>멋진</em> <u>일러스트레이터</u>가 되는 거예요!
</p>

<p>
<strong>좋아하는 색:</strong> 파란색<br>
<strong>좋아하는 과목:</strong> 미술, 음악<br>
<strong>특기:</strong> <u>수채화 그리기</u>
</p>

---

7. 퀴즈로 복습하기 🎯

Q1. u 태그의 의미는 무엇인가요?

① 텍스트를 굵게 만들기
② 텍스트를 기울이기
③ 텍스트에 밑줄 긋기
④ 텍스트를 색깔 바꾸기

정답 보기 👆

정답: ③ 텍스트에 밑줄 긋기

u는 underline(밑줄)의 약자예요.
텍스트 아래에 선을 그어서 강조해요!

예시: 제 이름은 <u>김철수</u>입니다.

Q2. u 태그를 사용하기 좋은 경우는?

① 중요한 날짜를 강조할 때
② 고유명사나 특별한 용어를 표시할 때
③ 감정을 표현할 때
④ 제목을 만들 때

정답 보기 👆

정답: ② 고유명사나 특별한 용어를 표시할 때

u 태그는 이름, 지명, 전문 용어 등을 표시할 때 사용해요!

좋은 사용:
- 이름: 김철수
- 용어: 광합성
- 지명: 서울

중요한 날짜는 strong, 감정은 em을 사용하세요!

Q3. u 태그를 사용할 때 주의할 점은?

① 모든 단어에 밑줄을 긋는다
② 웹에서 밑줄은 보통 링크를 의미하므로 적절히 사용한다
③ u 태그는 사용하면 안 된다
④ 오직 제목에만 사용한다

정답 보기 👆

정답: ② 웹에서 밑줄은 보통 링크를 의미하므로 적절히 사용한다

웹사이트에서 밑줄은 대부분 클릭할 수 있는 링크예요.
그래서 u 태그를 너무 많이 사용하면 혼란스러워요!

주의사항:
✅ 정말 필요한 곳에만 사용
✅ 고유명사나 특별한 용어에 사용
❌ 모든 단어에 밑줄 금지
❌ 링크처럼 보이게 하지 않기

---

✨ 오늘 배운 핵심 정리

1. u 태그: 텍스트에 밑줄을 그어 강조
2. 의미: underline(밑줄) - 특별한 부분 표시
3. 문법: <u>내용</u>
4. 용도: 고유명사(이름, 지명), 특별한 용어, 전문 용어
5. 주의: 링크와 혼동될 수 있으니 적절히 사용
6. 비교: strong(굵게), em(기울임), u(밑줄) - 목적이 다름
7. 원칙: 정말 표시가 필요한 단어에만 사용

---

📚 Day 18: 취소선 - s, del 태그

다음편에는 텍스트에 취소선을 긋는 방법을 배워요!
s 태그와 del 태그로 지워진 내용을 표현해봐요! ✂️✨

---

📝 오늘의 한마디

"굵게, 기울임, 밑줄을
상황에 맞게 사용하면
글이 훨씬 명확해져요! ✏️✨"

✅ 오늘 배운 것 체크리스트

u 태그의 의미를 이해했다

u 태그로 텍스트에 밑줄을 그을 수 있다

strong, em, u의 차이를 안다

고유명사에 u를 사용할 수 있다

u 태그 사용 시 주의사항을 안다

실전 예제를 만들어봤다

모두 체크했다면 Day 17 완료! 🎉