필카와 디카의 세상구경 블로그에 오신 것을 환영합니다^^

컴퓨터/컴퓨터 정비

간단한 html 사용 편집 방법. html 그림크기 변경. 인터넷연결, 사이버링크, 홈페이지연결

한아름정원 2011. 9. 28. 13:46

간단한 html 사용 편집 방법

 

그림크기 조정하기

<P>  - 시작테그

<STRONG> - 굵게

<SPAN style="FONT-SIZE: 24pt">간단한 html 사용 편집 방법 - 글씨크기 24포인트로

</SPAN> - 글씨크기 마무리

</STRONG> - 굵게 마무리

</P> - 종료테그

 


 

  문장을 통한 html 설명

 

<P style="TEXT-ALIGN: center"><STRONG><SPAN style="FONT-SIZE: 24pt"><FONT color=#050099>

-시작  -글씨를 가운데로 정렬       -글씨굵게   -글씨크기 24포인트                      -글씨 색상

 

간단한 html 사용 편집 방법</FONT>  </SPAN></STRONG></P>

- 위 글씨를 쓰고               - 글씨종료 -크기종료 -굵게종료   -테그종료


<P style="TEXT-ALIGN: center"><STRONG></STRONG> </P>
<P style="TEXT-ALIGN: center"><STRONG><SPAN style="FONT-SIZE: 14pt">그림크기 조정하기</SPAN></STRONG></P>


 

 

<P style="TEXT-ALIGN: center"><img - 그림크기 조정하기src="https://t1.daumcdn.net/cfile/blog/196DDD4D4E82A93D33" class="txc-image" style="CLEAR: none; FLOAT: none" actualwidth="588" hspace="1" width="588" vspace="1" border="0" /></P>
                              -그림크기제한


<P style="TEXT-ALIGN: center"><img  - 그림크기 조정하기src="https://t1.daumcdn.net/cfile/blog/1137EF444E82A89930" class="txc-image" width="671" height="451" style="CLEAR: none; FLOAT: none; WIDTH: 671px; HEIGHT: 451px" actualwidth="671" hspace="1" vspace="1" border="0" /></P>

 

 

위의 숫자블로그일경우 최고 586 이내로 해야 마우스 스크롤

하지 않고 볼 수 있답니다.

 

 


 

 

그림 이미지와 홈페이지 링크하기

 그림을 삽입하고    <- URL 을 눌러

  

 커서부분에  연결하고자 하는 주소를 넣고 확인 하시면 링크 됩니다.

예> http://blog.daum.net/hanarm/16510958

예> www.daum.net

 

 

 


 

 

  <SPAN> </SPAN>

 

옷감을 이야기할때 span(스판) 이라고하면 늘어나는 성질의 옷을 뜻합니다. 흔히 스판덱스의 청바지라고 하면 작아도 쫄쫄이처럼 몸에 맞게 늘어나는것이죠..

 

col 은 테이블의 열, row 는 테이블의 행입니다.

colspan은 가로로 열이 늘어나는 것이고

rowspan은 세로로 열이 늘어나는 것입니다.

colspan=2 라고 하면 셀 열의 너비를 2개만큼 늘려 합치는거구요

rowspan=3 이라고 하면 셀 행 높이를 3개만큼 늘려 합치는 거에요,

워드에서 셀병합이라고 하는걸 지원하는 거죠..

 

<table border=1>

<tr><td rowspan=3>11</td><td>12</td><td>13</td></tr>

<tr><td colspan=2>22</td></tr>

<tr><td>32</td><td>33</td></tr>

</table>

 

11 12 13
22
32 33