<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>텍스트 효과 태그</title>
</head>
<body>
<h1>제목과 텍스트 효과 태그</h1>
<h2><abbr> 태그</h2>
<abbr> : <abbr title="Hyper Text Markup Language">HTML</abbr> 축약어의 원래 단어를 말풍선으로 표현한다.
<h2>굵은 글씨 표현 태그</h2>
<b> : 단순히 <b>굵은 글씨</b>로 표현<br>
<strong> : 내용을 강조하는 <strong>굵은 글씨</strong>로 표현
<h2>cite, mark, meter 태그</h2>
<cite> : <cite>책, 영화, 정보등의 제목 인용구를 기울임</cite>으로 표현을 합니다.<br>
<i> : <i>단순히 텍스트를 기울임</i>으로 표현하는 태그(이탤릭체)<br>
<mark> : <mark>특정 텍스트를 하이라이트</mark>로 표현합니다.<br>
<meter> : 측정값 <meter min="0", max="10", value="7">70%</meter>를 차트로 표현<br>
<ruby> : <ruby>漢字<rt>한자</rt></ruby>의 모양으로 표현<br>
</body>
</html>
<abbr> : <abbr title="Hyper Text Markup Language">HTML</abbr> 축약어의 원래 단어를 말풍선으로 표현한다.
<b> : 단순히 <b>굵은 글씨</b>로 표현
<strong> : 내용을 강조하는 <strong>굵은 글씨</strong>로 표현
<cite> : <cite>책, 영화, 정보등의 제목 인용구를 기울임</cite>으로 표현을 합니다.<br>
<i> : <i>단순히 텍스트를 기울임</i>으로 표현하는 태그(이탤릭체)<br>
<mark> : <mark>특정 텍스트를 하이라이트</mark>로 표현합니다.<br>
<meter> : 측정값 <meter min="0", max="10", value="7">70%</meter>를 차트로 표현<br>
<ruby> : <ruby>漢字<rt>한자</rt></ruby>의 모양으로 표현<br>
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] 리스트 실습 (0) | 2020.07.23 |
|---|---|
| [HTML] 리스트 작성하기 (ul, ol 태그) (0) | 2020.07.23 |
| [HTML] 기초실습2(<pre>태그 이용하기) (0) | 2020.07.23 |
| [HTML] 기초 실습1(<p>, <h1>, <hr>, <blockquote> 이용하기) (0) | 2020.07.23 |
| [HTML] HTML 사용해보기 (0) | 2020.07.23 |
