Publishing/HTML

HTML 텍스트 관련 요소

oodada 2020. 2. 7. 11:21
반응형

HTML 단락

HTML <p>요소는 단락을 정의합니다 .

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 

HTML 줄 바꿈

HTML <br>요소는 줄 바꿈을 정의합니다 .

<br>새 단락을 시작하지 않고 줄 바꿈 (새 줄)을 원할 경우 사용하십시오 

<br>태그는 끝 태그가 없음을 의미 빈 태그입니다.

<p>This is<br>a paragraph<br>with line breaks.</p>

아래 문장은 한줄로 표시됩니다.

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>

 

HTML <pre> 요소

HTML <pre>요소는 사전 형식화 된 텍스트를 정의합니다.

<pre>요소 내부의 텍스트 는 고정 너비 글꼴 (일반적으로 Courier)로 표시되며 공백과 줄 바꿈을 모두 유지합니다.

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>

 

HTML <address> 요소

<address> 태그는 문서 또는 기사 작성자 / 소유자의 연락처 정보를 정의합니다.

<address> 요소가 <body> 요소 안에 있으면 문서의 연락처 정보를 나타냅니다.

<address> 요소가 <article> 요소 안에 있으면 해당 기사의 연락처 정보를 나타냅니다.

<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

 

HTML 인라인 텍스트 요소

<em></em> 강조하고 싶은 텍스트를 정의하기 위한 태그이며 기울임체로 표시됩니다.
<strong></strong> 중요한 텍스트를 정의하기 위한 태그이며 굵은체로 표시됩니다.
<mark></mark> 주의 깊게 볼 텍스트 부분을 강조하기 위한 태그이며 노란색으로 표시됩니다.
<b></b> 의미를 가지고 있지 않으며 단순히 텍스트를 굵은체로 표시합니다.
<small></small> 주의사항, 법적 제한, 저작권 등을 정의하기 위한 태그이며 작은 글씨로 표시됩니다.
<sub></sub> 아래첨자 텍스트를 정의하기 위한 태그입니다.
<sup></sup> 위첨자 텍스트를 정의하기 위한 태그입니다.

 

반응형

'Publishing > HTML' 카테고리의 다른 글

HTML 이미지  (0) 2020.02.10
HTML 링크  (0) 2020.02.07
HTML 제목  (0) 2020.02.07
HTML 전체 태그  (0) 2020.02.07
HTML 블록 및 인라인 요소  (0) 2020.02.07
티스토리 친구하기