티스토리 뷰

나는 오늘도 공부한다/HTML&CSS

HTML(H태그)+스타일태그

realMarketing 2014. 6. 22. 13:56

티스토리를 운영하는 블로거나 기타 많은 사람들이 전공이 아닌 취미로 html과 css를 공부하는 것 같다. 나또한 프로그래밍을 공부하고 있지만, 웹 프로그래밍은 전공이 아닌 서브의 개념으로 공부를 시작했던 것 같다. 

오늘은 HTML의 태그 중 하나인 H태그에 대해 공부해보고자 한다.

H태그의 경우 글의 제목 혹은 강조하고 싶은 내용 등에 주로 쓰이는 태그이다.




[h태그의 종류] - 총 6가지로 다음과 같다.

① <h1></h1>

② <h2></h2>

③ <h3></h3>

④ <h4></h4>

⑤ <h5></h5>

⑥ <h6></h6>

앞서 언급했듯이 html의 경우 항상 닫아주는 태그를 사용해야 하고, 이는 h태그에서도 마찬가지로 닫아주는 태그 /를 사용하여 닫아 준다.

h1~6까지 있는데 숫자의 크기가 클수록 글자의 크기는 작은 글씨체로 출력이 된다.

예)

<코드> 

<!DOCTYPE html>
<html>
<head>
<title>h태그의 활용</title>
<h1>hello html~</h1>
<h2>hello html~</h2>
<h3>hello html~</h3>
<h4>hello html~</h4>
<h5>hello html~</h5>
<h6>hello html~</h6>
</head>
<body>
</body>
</html>

<실행 결과>


다음은 텍스트의 스타일을 변경할 수 있는 스타일 태그이다.

 

1) 굵은글씨 <b>텍스트 내용</b>

2) 이탤릭체 <i>텍스트 내용</i>

3) 밑줄효과 <u>텍스트내용</u>

4) 아래첨자 <sub>텍스트내용</sub>

5) 위첨자    <sup>텍스트내용</sup>

6) 취소선    <strike>텍스트내용</strike>

5) 줄바꿈    <br/> - 단독 태그이다.

6) 줄긋기    <hr/> - 단독 태그이다.

※공감은 블로거에게 큰힘이 됩니다.

저작자표시

'나는 오늘도 공부한다 > HTML&CSS' 카테고리의 다른 글

즐겨찾기/주소창 아이콘 적용하기(파비콘 적용하기)  (0) 2016.04.20
HTML 이미지 띄우기  (0) 2014.09.13
HTML & CSS 메뉴만들기  (7) 2014.09.12
HTML 리스트 만들기 & 하이퍼링크  (0) 2014.06.22
HTML의 기본구조  (0) 2014.06.22
공유하기 링크
댓글