페이지 레이아웃(내용배치)이나 글등을 정열하고 배치할 때에는
표(테이블)를 이용합니다. 테이블은 이미지 태그나 폰트태그와 같이
필연적으로 수 없이 쓰여지게 됩니다.
따라서 이러한 태그들은 웹을 이용한다면 반드시 익혀두어야 겠지요.
Table,br,p,align,valign, font,image,embed,bgsound,object 태그 등.....
[HTML 길라잡이] 게시판에서 새로 가입하신 분들과 연세가 있으신 분들을 위해
찾아보기 쉽도록 색인표를 부랴부랴 만들어 공지에 등록해 놓았습니다. ^^
이 색인표를 참조하셔서 관련 태그부분들을 찾아 읽어보시고
예제대로 그대로 똑같이 따라서 두어번 정도 연습해 보시면 쉽게 익히실 수
있습니다.
질문에 올리신 의도대로 문장(문단)의 정열과 간격(공백) 그리고 그림과의 조화로운 배치
를 하시려면 역시 테이블을 사용하셔야 하며 정열을 하도록 정열속성을 주어야 합니다.
아래에 간단하게 만드실 수 있도록 두가지 예문을 만들어 드릴테니 보시고
테이블 태그부분을 잘 살펴보고 그림과 글자 그리고 정열을 맞추어 보세요.
우선 보셔야 할 부분은 [HTML 길라잡이] 게시판에서 글목록 7,8번에서 글자의 정열,여백(공백)을 위한 태그와
속성값들을 잠깐 익히시고 그리고 글목록 15,16,17,18 번에서 테이블을 만드는 방법과 구성,테이블내
의 정열방법등에 대해 익히신 다음 의도하시는 형태로 만들어 보세요.
몇번 읽어보시면 쉽다는 느낌을 가지시게 될겁니다. ^^
그냥 모르는 상태에서 만들기부터 시작하시면 쉬운거라도 어렵고 이것저것 막히는 부분이 많으실겁니다.
아래 예문 1.2 에 대한 결과는 맨 밑에서 바로 확이하실 수 있습니다..
[ 예문 1 ]
- 테이블을 사용했으며 하나의 셀(td)안에다 그림과 글자의 조화를 위해 그림바로 옆에
글자를 배치한 것으로 그림 태그에 align=left 란 정열속성을 주어 그림 바로 오른쪽에서
글자들이 나오도록 한 것입니다.
<center>
<table style="border:1px solid green; font-size:9pt;">
<tr>
<td width=500>
<center>율곡 선생 이이(栗谷先生 李珥)와 그의 유적지</center><BR><BR>
<img src="http://palankr.com.ne.kr/img/flo11.jpg" width=200 height=150 align=left>
오 죽 헌 : 2000, 4, 20. 답사<BR>
자운서원 : 1999, 12, 4. 답사<BR>
<BR><BR>
경기도 여주의 영릉(英陵 : 세종왕릉)과 녕릉(寧陵 : 효종왕릉), <BR>
그리고 신륵사(神勒寺)의 답사를 마치고 <BR>그 곳을 출발하여 강원도 홍천, 인제를 지나며 <BR>
첩첩이 둘러싸여 앞을 가로막는 산들을 헤치고 <BR>설악산 국립공원에 들어선다. <BR>
인제군 북면, 기린면과 양양군 서면의 경계에 있으며 <BR>설악산과 점봉산 사이의 산마루에
걸쳐 있는 1,004m의 고개인 한계령(寒溪嶺)에 오르며 <BR>
기암괴석에 한눈을 팔다가 고개에서 멈췄다<BR>
한계령 휴게소 왼쪽 108계단을 오르면 1971년 이 고갯길을 내다가 숨진 7명의 위령탑이<BR>
사단장 김재규의 이름이 뒷면에 곁들여 서 있다. <BR>
휴게소에서 커피 한잔과 고개 넘어 펼쳐진 경관에 숨을 돌리고 고개를 넘어 태백산맥의 <BR>
동쪽 사면인 경사가 급한 산등성이를 계속 굽이도는 춘삼월의 아름다운 절경에 흠뻑 젖는다. <BR>
</td></tr></table>
[ 예문 2 ]
- 역시 테이블을 사용했으며 왼쪽에는 그림을 오른쪽에는 글내용을 배치한 간단한 방법입니다
하나의 테이블을 만들어 두개의 셀(td)로 을 구성해 왼쪽 셀에는 그림을 배치했고
오른쪽 셀(td)에는 글내용을 배치한 기초적인 형태입니다.
<center>
<FONT SIZE="2" color="darkblue"> 율곡 선생 이이(栗谷先生 李珥)와 그의 유적지</font>
<br>
<table style="border:1px solid green; font-size:9pt;">
<tr>
<td width="250">
<img src="http://palankr.com.ne.kr/img/flo11.jpg" width="250" height="300" border="0">
</td>
<td width="250">
<BR>
오 죽 헌 : 2000, 4, 20. 답사<BR>
자운서원 : 1999, 12, 4. 답사<BR>
<BR><BR>
경기도 여주의 영릉(英陵 : 세종왕릉)과 녕릉(寧陵 : 효종왕릉), <BR>
그리고 신륵사(神勒寺)의 답사를 마치고 <BR>그 곳을 출발하여 강원도 홍천, 인제를 지나며 <BR>
첩첩이 둘러싸여 앞을 가로막는 산들을 헤치고 <BR>설악산 국립공원에 들어선다. <BR>
인제군 북면, 기린면과 양양군 서면의 경계에 있으며 <BR>설악산과 점봉산 사이의 산마루에
걸쳐 있는 1,004m의 고개인 한계령(寒溪嶺)에 오르며 <BR>
기암괴석에 한눈을 팔다가 고개에서 멈췄다<BR>
한계령 휴게소 왼쪽 108계단을 오르면 1971년 이 고갯길을 내다가 숨진 7명의 위령탑이<BR>
사단장 김재규의 이름이 뒷면에 곁들여 서 있다. <BR>
휴게소에서 커피 한잔과 고개 넘어 펼쳐진 경관에 숨을 돌리고 고개를 넘어 태백산맥의 <BR>
동쪽 사면인 경사가 급한 산등성이를 계속 굽이도는 춘삼월의 아름다운 절경에 흠뻑 젖는다. <BR>
</td></tr></table>
[ 예문 1 결과 ]
율곡 선생 이이(栗谷先生 李珥)와 그의 유적지
오 죽 헌 : 2000, 4, 20. 답사
자운서원 : 1999, 12, 4. 답사
경기도 여주의 영릉(英陵 : 세종왕릉)과 녕릉(寧陵 : 효종왕릉),
그리고 신륵사(神勒寺)의 답사를 마치고 그 곳을 출발하여 강원도 홍천, 인제를 지나며
첩첩이 둘러싸여 앞을 가로막는 산들을 헤치고 설악산 국립공원에 들어선다.
인제군 북면, 기린면과 양양군 서면의 경계에 있으며 설악산과 점봉산 사이의 산마루에
걸쳐 있는 1,004m의 고개인 한계령(寒溪嶺)에 오르며
기암괴석에 한눈을 팔다가 고개에서 멈췄다
한계령 휴게소 왼쪽 108계단을 오르면 1971년 이 고갯길을 내다가 숨진 7명의 위령탑이
사단장 김재규의 이름이 뒷면에 곁들여 서 있다.
휴게소에서 커피 한잔과 고개 넘어 펼쳐진 경관에 숨을 돌리고 고개를 넘어 태백산맥의
동쪽 사면인 경사가 급한 산등성이를 계속 굽이도는 춘삼월의 아름다운 절경에 흠뻑 젖는다.
|
[ 예문 2 결과]
율곡 선생 이이(栗谷先生 李珥)와 그의 유적지
|
오 죽 헌 : 2000, 4, 20. 답사
자운서원 : 1999, 12, 4. 답사
경기도 여주의 영릉(英陵 : 세종왕릉)과 녕릉(寧陵 : 효종왕릉),
그리고 신륵사(神勒寺)의 답사를 마치고 그 곳을 출발하여 강원도 홍천, 인제를 지나며
첩첩이 둘러싸여 앞을 가로막는 산들을 헤치고 설악산 국립공원에 들어선다.
인제군 북면, 기린면과 양양군 서면의 경계에 있으며 설악산과 점봉산 사이의 산마루에
걸쳐 있는 1,004m의 고개인 한계령(寒溪嶺)에 오르며
기암괴석에 한눈을 팔다가 고개에서 멈췄다
한계령 휴게소 왼쪽 108계단을 오르면 1971년 이 고갯길을 내다가 숨진 7명의 위령탑이
사단장 김재규의 이름이 뒷면에 곁들여 서 있다.
휴게소에서 커피 한잔과 고개 넘어 펼쳐진 경관에 숨을 돌리고 고개를 넘어 태백산맥의
동쪽 사면인 경사가 급한 산등성이를 계속 굽이도는 춘삼월의 아름다운 절경에 흠뻑 젖는다.
|
첫댓글 영자님, 짙어가는 봄처럼 푸른 모습을 뵈니 좋네요....항상 변함없이 행복도 건강도 커가는 이 계절만큼이나............^^*
감사드립니다.. =^.^=