[HTML] Style 태그: 물리적인 모양을 지정하는 태그, 의미를 중시하는 태그

💡Style 태그

---

<h1>스타일 태그</h1>

[HTML] HTML 언어 구성 요소

앞서 HTML 언어는 골격 구성, 데이터 표현, 서식 기능이 있다고 했다.

 

서식 기능

<font>안녕하세요.</font>
	
<font size="7" color="blue'>안녕하세요.</font>

위와 같이 font에는 여러 가지 속성을 넣을 수 있다.
size는 1부터 7까지의 숫자를 넣을 수 있다. 1이 가장 작고 7이 가장 크다.
이런 게 바로 HTML의 서식 기능이다.

 

그런데 HTML에서는 서식 기능을 절대 사용하지 않는다!
글자 크기와 색상 같은 서식 기능을 디자인 언어인 CSS에서 하기 때문이다.

 

물리적인 모양을 지정하는 태그

<h2>물리적인 모양을 지정하는 태그</h2>
	
<b>볼드체입니다.</b><br>
<i>이태릭체입니다.</i><br>
<small>작은 글자입니다.</small><br>

H<sub>2</sub><br> <!-- 밑첨자 -->
MC<sup>2</sup><br> <!-- 윗첨자 -->

<u>밑줄을 긋습니다.</u><br>
<strike>취소선을 긋습니다.</strike><br>
<big>큰 글자</big><br>
<tt>타자기 글자</tt><br>

노란 밑줄이 그어진 것들은 잘 사용하지 않고, 대체제가 있는 것들이다.

 

의미를 중시하는 태그

의미를 중시하는 태그는 HTML 스타일 태그에 있어서 특히 중요하다!✏️

 

<h2>의미를 중시하는 태그</h2>

<strong>중요한 데이터</strong><br>
<em>중요한 데이터</em><br>
<mark>강조 데이터</mark><br>
<cite>한줄 인용구</cite><br>
<blockquote>여러줄 인용구</blockquote><br>
<code>int a = 10;</code><br>
<address>서울시 강남구 역삼동</address><br>
<ins>추가된 데이터</ins><br>
<del>삭제된 데이터</del><br>

<strong>은 <b>와 모양은 같지만, 사용 목적이 다르다.

<b> 태그는 그저 굵은 글자를 만들기 위해서 사용하는 태그이고, <strong> 태그는 문서를 통틀어서 중요한 데이터라는 의미를 강조하기 위해 만든 태그이다.

<strong>은 굵게 나타나기 때문에 중요한 게 아니라, 중요하기 때문에 굵게 표시한 것이다.

외부에서 가져온 데이터를 사용할 때에는 <cite> 태그로 인용구를 나타낼 수 있으며, 여러 줄의 인용구를 사용할 때에는 <blockquote> 태그를 사용한다.

 

<code> 태그

해외 사이트에서 영어로 된 글을 한글로 번역을 했다.

그런데 번역이 되지 않는 부분이 있다.

이 부분이 <code> 태그로 작성된 부분이다. 코드를 묶인 것들은 번역을 하지 않는다.