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

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

어제 이어 오늘도 도움되는 HTML 글을 써봅니다.

어제는 글씨에 영향을 주는 HTML 태그에 대해서 배웠습니다.

오늘은 글씨 크기와 블로그 구성에 관한 이야기를 써볼려고 합니다.

번호	명령어	내용
1	<FONT></FONT>	글자모양 변경 태그
2	<IMG />	이미지 삽입 태그
3	<DIV></DIV>	문단 묶음 [줄단위]
4	<SPAN></SPAN>	문단 묶음 [단어단위]
5	<TABLE></TABLE>	표 만드는 태그
6	<A></A>	링크 태그
7	<!--  주석 -->	주석 태그

1. <FONT></FONT>

- 글자의 글씨체, 크기, 색깔 등을 설정할수 있는 태그 입니다. 

- FONT 속성에서는 FACE , SIZE , COLOR 을 많이 씁니다.

- FACE : 글자의 글씨체를 설정합니다. 

ex) 돋움, 맑은고딕 등등

[<FONT FACE='돋움'>KGON</FONT>]

[KGON]

- SIZE : 글자의 글씨크기를 설정합니다.

ex) 숫자를 사용합니다. 

[<FONT SIZE='3'>KGON</FONT>]

[KGON]

- COLOR : 글자의 색깔을 설정합니다.

ex) RED, PINK 처럼 영어단어 또는 #FFFFFF RGB코드를 사용합니다.

[<FONT COLOR='PINK'>KGON</FONT>]

[KGON]

2. <IMG/>

- 이미지를 삽입하는 태그입니다.

- 이미지 속성에는 SRC , ALT, WIDTH , HEIGHT 를 많이 씁니다. 

- SRC : 이미지 경로를 적어줍니다.

- WIDTH : 이미지 가로 크기를 설정합니다.

- HEIGHT : 이미지 세로 크기를 설정합니다.

- ALT : 이미지가 없거나 이미지에 마우스를 오버했을때 나오는 문구입니다.

[<IMG SRC='경로' ALT='문구' WIDTH='100px' HEIGHT='100px'/>]

[]

3. <DIV> </DIV>

- 글씨 문단을 나눌때 씁니다. 

- 글씨 문단 구성은 줄단위로 됩니다. 

[<DIV>KGON</DIV><DIV>KGON</DIV>]

[

KGON_DIV

KGON_DIV

]

4. <SPAN> </SPAN>

- 글씨 문단을 나눌때 씁니다. 

- 글씨 문단 구성은 줄단위로 됩니다. 

[<SPAN>KGON</SPAN><SPAN>KGON</SPAN>]

[KGON_SPANKGON_SPAN]

- DIV는 라인 단위로 구성되기 때문에 2개를 이어 적었을때 3번의 예처럼 2줄로 나오고 SPAN는 단어단위 이기 때문에 위와같이 단어와 단어 연결처럼 붙어서 나옵니다. 상황에 따라 구분해서 쓰면됩니다.

    

5. <TABLE></TABLE>

- 표 만드는 태그입니다.

- 표 행추가는 <TR></TR>을씁니다.

- 표 열추가는 <TD></TD>를 씁니다.

[<TABLE BORDER='1'>

<TR>

<TD>KGON_1_1</TD>

<TD>KGON_1_2</TD>

</TR>

<TR>

<TD>KGON_2_1</TD>

<TD>KGON_2_2</TD>

</TR>

</TABLE>

]

KGON_1_1	KGON_1_2
KGON_2_1	KGON_2_2

6. <A></A>

- 링크를 연결하는 태그입니다.

- A 태그 속성으로는 SRC , TARGET를 많이 씁니다.

- SRC : 링크갈 주소를 적어줍니다.

- TARGET : 새창으로 띄울지, 현재 창에서 띄울지 결정합니다.

ex) 새창[_BLANK] , 현재창[_SELF]

[<A SRC='http://kgon.tistory.com' TARGET='_BLANK'>케이곤일상</A>]

[케이곤일상]

7. <!-- 주석 -->

- 화면에는 보여주지 않지만 표시를 할때 사용합니다. 

- <!-- --> 사이에는 블로그 상에서는 존재하지만 화면에는 보여주지 않습니다.

- 문단 구분이라든지 , 일부분을 숨기지만 흔적을 남기고 싶을때 씁니다.