반응형

[HTML&CSS] 구문 강조, 하이라이팅(Highlight) 지정 <string>, <em>, <mark>

반응형


| <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?

반응형

이 글을 공유하기

댓글

Designed by JB FACTORY