고정 헤더 영역
상세 컨텐츠
본문
글자 표현용 태그들
이 문장에서 이 글자가 중요합니다.
이 문장에서 이 글자가 중요합니다.
이 문장에서 이 글자가 중요합니다.
이 문장에서 이 글자가 중요합니다.
이 문장에서 이
글자
가 중요합니다.
이 문장에서 이
글자
가 중요합니다.
이 문장은 중요하지 않아요~
이 문장에서 이 글자는 아래첨자 입니다.
이 문장에서 이 글자는 윗첨자 입니다.
22= 4
이 문장에서 이
글자
가 중요합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>글자 태그</title>
</head>
<body>
<h2>글자 표현용 태그들</h2>
<!-- 강조 -->
<p>이 문장에서 이 <b>글자</b>가 중요합니다.</p>
<p>이 문장에서 이 <strong>글자</strong>가 중요합니다.</p>
<hr>
<!-- 기울임 -->
<p>이 문장에서 이 <i>글자</i>가 중요합니다.</p>
<p>이 문장에서 이 <em>글자</em>가 중요합니다.</p>
<hr>
<!-- 밑줄 -->
<p>이 문장에서 이 <ins>글자</ins>가 중요합니다.</p>
<!-- 삭제 -->
<p>이 문장에서 이 <del>글자</del>가 중요합니다.</p>
<p><del style="color:grey">이 문장은 중요하지 않아요~</del></p>
<!-- 첨자 -->
<p>이 문장에서 이 <sub>글자</sub>는 아래첨자 입니다.</p>
<p>이 문장에서 이 <sup>글자</sup>는 윗첨자 입니다.</p>
<p>2<sup>2</sup>= 4</p>
<!-- 마킹(형광펜) -->
<p>이 문장에서 이 <mark>글자</mark>가 중요합니다.</p>
<!-- 스크린 리더(시각장애자용 리딩 프로그램)
strong,em은 스크린에서 다르게 표현함 -->
</body>
</html>
'HTML' 카테고리의 다른 글
| HTML 비디오 삽입 (0) | 2020.05.12 |
|---|---|
| HTML 오디오 삽입 (0) | 2020.05.12 |
| HTML 목록 만들기 (0) | 2020.05.11 |
| HTML 시간표 만들기(표만들기) (0) | 2020.05.11 |
| HTML 자기소개 페이지 만들기 (0) | 2020.05.11 |
