1. 서식 태그
1️⃣ 서식 태그란?
텍스트의 의미(강조, 중요도, 인용, 코드 등)를 표현하는 태그
단순히 “꾸미기”가 아니라 의미를 전달하는 게 핵심
- 글자의 강조
- 중요함, 강조 정도
- 인용, 삭제/추가
- 코드/기술 표현
👉 대부분 인라인 태그이고
👉 텍스트 흐름 안에서 사용됩니다.
2️⃣ 서식 태그 종류
1) br - 줄바꿈(line break)
안녕하세요<br>
반갑습니다➡ 결과
안녕하세요 반갑습니다
- 닫는 태그 없음 (빈 태그)
- 줄만 바뀌고 여백은 없음
2) strong – 중요한 내용
<strong>중요한 내용</strong>- 의미: 아주 중요
- 스크린리더: “중요함”으로 읽음
- 기본 스타일: 굵게(bold)
3) ins – 추가된 내용
<ins>할인 가격 8,000원</ins>➡ 변경 이력 표현에 적합
4) del – 삭제된 내용
<del>기존 가격 10,000원</del>5) mark – 형광펜 효과
<mark>중요 포인트</mark>3️⃣ 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1>
내려쓰기(br), 진하게(strong), 밑줄(ins), 삭제글(del), 하이라이트(mark)
</h1>
<hr />
<strong>진하게</strong> <br /><br />
<ins>밑줄</ins>
<del>삭제글</del>
<mark>하이라이트</mark>
</body>
</html>
Share article