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>
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>강하게 강조합니다.</strong> <em>약하게 강조합니다.</em>
약하게 강조합니다.
|
<ins>밑줄이 표시됩니다.</ins> <del>취소선이 표시됩니다.</del>
|
<sup>: 텍스트를 위첨자(superscript)로 표시한다.
<sub>: 텍스트를 아래첨자(subscript)로 표시한다.
E=MC<sup>2</sup> H<sub>2</sub>O는 산소. 물은 O<sub>2</sub>아니냐? 문과출신인 나도 알고있음
|
<br />: 문단 내 줄바꿈(line break). 강제개행을 하는 태그이다.
문단의 흐름을 해치기 때문에 권장되는 태그는 아니다.
<hr />: 가로줄(horizontal rule)을 넣는다.
<br />, <hr />같은 태그는 닫는 태그 없이 하나만으로 작동하는 태그이다.
이런 태그는 닫는 태그 대신 슬래시를 쓴다.
2015년 4월 17일에 만들어진 한국어 위키위키.<br />리그베다 위키의 포크사이트로 시작했다. <hr /> 리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며,<br />급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.
리그베다 위키의 포크사이트로 시작했다.
리그베다 위키는 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 |