Inline Fonts Markup

임소정·2022년 1월 4일
0
post-thumbnail

inline 태그란?

태그가 적용된 대상이 한줄에 놓이는 태그를 inline태그라 합니다.
하지만 태그가 적용된 대상이 줄이 바뀌어 쌓이는 구조를 만드는 태그를 block태그라 합니다. p태그는 블럭태그이고 b태그는 인라인태그 입니다.

<p>lorem</p><p>ipsum</p>
<b>lorem</b><b>ipsum</b>

lorem

ipsum

loremipsum

1. 굵은문자태그: strong태그

본문 또는 단락에서 특정 문자를 굵게 표기 하는 태그입니다.
굵은 문자 표현도 있지만 의미적인 사용을 위해 표기하기도 합니다.

<p>
   <strong>Lorem Ipsum</strong> is simply dummy text
</p>

Lorem Ipsum is simply dummy text


2. 기울인문자태그: em태그 (emphasis)

본문 또는 단락에서 특정 문자를 기울이게 표기하는 태그입니다.
기울인 문자 표현도 있지만 의미적인 사용을 위해 표기하기도 합니다.

<p>
   <em>Lorem Ipsum</em> is simply dummy text
</p>

Lorem Ipsum is simply dummy text


3. 굵은문자태그: b태그 (bold)

본문 또는 단락에서 특정 문자를 굵게 표기하는 태그입니다.

<p>
   <b>Lorem Ipsum</b> is simply dummy text
</p>

Lorem Ipsum is simply dummy text


4. 기울인문자태그: i태그 (italic)

본문 또는 단락에서 특정 문자를 기울게 표기하는 태그입니다.

<p>
   <i>Lorem Ipsum</i> is simply dummy text
</p>

Lorem Ipsum is simply dummy text


5. 밑줄문자태그: u태그 (Underline)

본문 또는 단락에서 특정 문자에 밑줄을 표기 하는 태그입니다.

<p>
   <u>Lorem Ipsum</u> is simply dummy text
</p>

Lorem Ipsum is simply dummy text


6. 밑줄문자태그: s태그 (Strike)

본문 또는 단락에서 측정 문자에 취소선을 표기하는 태그입니다.

<p>
   <s>Lorem Ipsum</s> is simply dummy text
</p>

Lorem Ipsum is simply dummy text


7. 그밖의 inline 태그들

a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, small, script, select, span, strong, sub, sup, textarea, tt, var

profile
소정의 UX/UI 공부 기록

0개의 댓글