반응형
| <strong> 태그
HTML에서 무언가를 강조할 때 쓰는 태그 기본적으로 볼드체로 보여진다.
<strong>깊어서</strong>
| <em> 태그
<strong> 태그와 쓰이는 용도가 비슷. 기본적으로 기울여진 채로 표시된다.
<em>가장 이쁜 꽃은 장미다.</em>
| <mark> 태그
HTML의 어떤 부분을 마킹할 때 쓰이는 태그 기본적으로 노란색으로 글씨가 마킹된 채로 표시된다.
<mark>It is very important thing that </mark>
| 전체 HTML 코드
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>string, em, mark</title>
</head>
<body>
<h1>string, em, mark</h1>
<!-- emphasis, strong, importance, mark-->
<p>우리집 화단에서
<em>가장 이쁜 꽃은 장미다.</em>
</p>
<p>저기 있는 웅덩이는
<strong>깊어서</strong>
위험하므로 들어가지 마시오.
</p>
<p>
<mark>It is very important thing that </mark>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Sequi ea quis et at ducimus nesciunt ullam similique, totam porro doloremque
praesentium odit quaerat, corrupti neque quasi corporis sapiente cumque nemo?
</p>
</body>
</html>
| 결과
string, em, mark
우리집 화단에서 가장 이쁜 꽃은 장미다.
저기 있는 웅덩이는 깊어서 위험하므로 들어가지 마시오.
It is very important thing that Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi ea quis et at ducimus nesciunt ullam similique, totam porro doloremque praesentium odit quaerat, corrupti neque quasi corporis sapiente cumque nemo?
반응형
'Language & Solution > HTML&CSS' 카테고리의 다른 글
| [HTML&CSS] 루비 주석과 시간 표현 // <ruby>, <rt>, <time> (0) | 2018.12.10 |
|---|---|
| [HTML&CSS] 단어의 정의, 약어, 작품의 제목 표현 // <dfn>, <abbr>, <cite> (0) | 2018.12.10 |
| [HTML&CSS] HTML 템플릿 작성하기, <div> 의 쓰임새 및 <a href="#content"> (0) | 2018.11.27 |
| [HTML&CSS] html meta요소 알아보기 (0) | 2018.11.25 |
| [HTML&CSS] 문서형 선언, 언어 지정, 문자 코드 셋 지정하기 (0) | 2018.11.25 |
