HTML은 웹브라우저마다 

지원하는 태그가 조금씩 다르며, 

같은 태그라도 작동하는 방법이 다르다.

하지만 대체로 비슷한 태그를 지원한다.


 


텍스트 관련 HTML 태그

<h>: 제목(heading)을 표시할 때 사용된다.

 <h1>이 가장 크고 <h6>이 가장 작다. 

크기는 브라우저마다 표시하는 방법이 달라 다르게 나타날 수 있다.

     CSS를 쓰면 크기, 색상, 폰트 등을 변경할 수 있다.

<h1>1단계</h1>
<h2>2단계</h2>
<h3>3단계</h3>
<h4>4단계</h4>
<h5>5단계</h5>
<h6>6단계</h6>
1단계
2단계
3단계
4단계
5단계
6단계


 


<p>: 새 문단(paragraph)을 연다.

 </p>로 닫는다.


 극초창기에는 닫는 태그가 없고 

단순히 문단을 구분하는 역할만 했는데 

HTML 2.0에서 닫는 태그가 추가되어 

문단을 묶어주는 역할을 하게 되었다.


 이 태그를 쓸 경우 

기본적으로 문단 하단에 약 1줄 가량의 빈 공간이 생기기 때문에

 <br>을 선호하는 경우가 많은데, 

문단이라면 <p> 태그로 묶어주는 것이 올바른 사용법이다.

빈 공간은 CSS를 지정해서 없앨 수 있다.


<p>2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다.</p>
<p>리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.</p>

2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다.

리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.


 


<b>: 두껍게(bold) 효과를 준다. 

그러나 HTML 4.01부터 비권장 태그로 들어갔는데, 

이 이유는 이 태그가 비주얼적인 효과를 주기 위한 태그라 비권장으로 지정된 것.


강조의 의미를 줄 때는 <strong> 태그로 대체하고 

그 이외에는 CSS의 font-weight: bold; 속성으로 쓸 것을 권장하고 있다.

하지만 HTML5에서 <strong>보다 약한 의미의 강조로 다시 복귀했다.

 <i>: 텍스트를 기울임꼴(italic)로 표시한다. 

기술 용어, 외국어, 일반적으로 기울임꼴로 사용되는 용어 등을 강조한다.


<b>굵게 표시합니다.</b>
<i>기울임꼴로 표시됩니다.</i>
굵게 표시합니다.
기울임꼴로 표시됩니다.


<strong>: 포함된 텍스트를 강하게 강조할 때 사용한다.
<em>: <strong>보다 약한 강조를 나타낼 때 사용한다.
<strong>강하게 강조합니다.</strong>
<em>약하게 강조합니다.</em>
강하게 강조합니다.
약하게 강조합니다.

 


<ins>: 문서에 삽입(insert)된 텍스트를 표시한다.
<del>: 문서에서 삭제(delete)된 텍스트를 표시한다. 당신이 생각하는 그거다
<ins>밑줄이 표시됩니다.</ins>
<del>취소선이 표시됩니다.</del>
밑줄이 표시됩니다.
취소선이 표시됩니다.


 


<sup>: 텍스트를 위첨자(superscript)로 표시한다.

<sub>: 텍스트를 아래첨자(subscript)로 표시한다.

E=MC<sup>2</sup>
H<sub>2</sub>O는 산소. 물은 O<sub>2</sub>아니냐? 문과출신인 나도 알고있음
E=MC2
H2O는 산소. 물은 O2아니냐? 문과출신인 나도 알고있음



 

<br />: 문단 내 줄바꿈(line break). 강제개행을 하는 태그이다. 

문단의 흐름을 해치기 때문에 권장되는 태그는 아니다.


<hr />: 가로줄(horizontal rule)을 넣는다. 

<br />, <hr />같은 태그는 닫는 태그 없이 하나만으로 작동하는 태그이다. 

이런 태그는 닫는 태그 대신 슬래시를 쓴다.


2015년 4월 17일에 만들어진 한국어 위키위키.<br />리그베다 위키의 포크사이트로 시작했다.
<hr />
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며,<br />급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.
2015년 4월 17일에 만들어진 한국어 위키위키.
리그베다 위키의 포크사이트로 시작했다.
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며,
급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.



 


참고  : 나무위키 HTML 테그부분 


 









'HTML 공부!' 카테고리의 다른 글

HTML 태그 목록 관련  (0) 2016.03.06
HTML 테그연습장 링크  (0) 2016.03.05
HTML 태그란?  (0) 2016.03.02
HTML 문서 저장 방법  (0) 2016.03.02
HTML 버전  (0) 2016.03.02
블로그 이미지

Preserved_Flower ♡

,