컴퓨터/컴퓨터 ETC

블로그 작성에 도움되는 HTML 태그 (1)

푸른바다23 2017. 5. 24. 17:16

블로그 작성에 도움되는 HTML 태그 (1)

 

블로그를 시작하며 무엇을 포스팅 해야할지 어떤 주제로 시작해야할지 고민을 했다.

그래 내가 알고 있는 정보들 중 블로그 작성에 도움되는 포스팅부터 시작하자.

이런 생각으로 '블로그 작성에 도움되는 HTML 태그'을 시작하게 되었다.

 

먼저 글씨에 영향을 주는 HTML 태그에 대해서 알아보자.

 

 번호

명령어 

내용 

 1

 

공백 [SPACE 효과]

 2

<

 3

> 

 4

<CENTER></CENTER> 

가운데정렬

 5

<HR/>

선긋기

 6

<I></I>

이태리체 

 7

<B></B>

강조 [글씨 굵게]

 8

<U></U> 

밑줄 [글씨 아래 밑줄] 

 9

<BR/>

줄바꾸기[ENTER 효과] 

 10

<H1></H1>  <H2~H6> 

글자크기[H1 큰글씨] 

 

 

1. &nbsp;

[K     N]

- HTML에서 위와같이 글씨 사이에 공백을 여러번 입력해도 1개로 인식한다.

[K G O N]

- 그래서 공백을 여러개 넣고 싶을때는 &nbsp;를 여러번 입력한다.

[K&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;G&nbsp;&nbsp;O&nbsp;&nbsp;N]

 

2. &lt;

[< KGON >]

- HTML에서 위와같이 입력하면 태그[명령어]로 인식한다.

[ &lt; KGON &gt;]

- 그래서 <를 넣고 싶을때는 위와같이 &lt;를 입력한다.

 

3. &gt;

[< KGON >]

- HTML에서 위와같이 입력하면 태그[명령어]로 인식한다.

[ &lt; KGON &gt;]

- 그래서 >를 넣고 싶을때는 위와같이 &gt;를 입력한다.

 

4. <CENTER></CENTER>

[                          KGON                          ]

- HTML에서 위와같이 가운데 정렬을 하고 싶을 때 <CENTER>를 사용한다.

[<CENTER>KGON</CENTER>]

 

5. <HR/>

[ --------------------------------------------------]

- HTML에서 구분선을 긋고 싶을때 사용한다.

[<HR/>]

 

6. <I></I>

[KGON]

- HTML에서 이태리체 글씨로 표현하고 싶을때 사용한다.

[<I>KGON</I>]

 

7. <B></B>

[KGON]

- HTML에서 글씨를 두껍게 표현하고 싶을때 사용한다.

[<B>KGON</B>]

 

8. <U></U>

[KGON]

- HTML에서 글씨에 밑줄을 긋고 싶을때 사용한다.

[<U>KGON</U>]

 

9. <BR/>

[KG]

[ON]

- HTML에서 글씨를 아래로 내리고 싶을때 사용한다. [ ENTER키 효과 ]

[KG<BR/>ON]

 

10. <H1></H1>     <H2~H6>

[KGON_H1]

[KGON_H2]

[KGON_H3]

[KGON_H4]

[KGON_H5]

[KGON_H6]

- HTML에서 <H1 ~ H6> 태그를 사용하여 글씨 크기 조절을 할수 있다.

- 숫자가 커질수록 글씨 크기는 작아진다.

[<H1>KGON_H1</H1>]

[<H2>KGON_H2</H2>]

[<H3>KGON_H3</H3>]

[<H4>KGON_H4</H4>]

[<H5>KGON_H5</H5>]

[<H6>KGON_H6</H6>]

 

 

 

반응형