태그를 이용하여 게시물을 올리다 보면 가끔씩 깜짝 놀라는 경우가 있습니다.
특히 테이블 태그를 사용하여 우리 홈과 같은 노프레임으로 되어 있는 홈에서는 애써 올린 게시물이 반쪽만 나온다던지 아니면 게시판의 목록이 옆으로 주욱 늘어나 버린 다던지 하는 경우를 만나서 우리를 당혹하게 만드는 일이 왕왕 있지요?

사실 알고보면 별 것도 아닌 것이 우리를 놀라게 합니다.
이 공간을 통하여 몇 번의 강좌를 올린 적도 있지만 아직 이해를 하지 못하시는 분이 계시는 것 같아서 이미지로 설명을 해볼려고 합니다.

이후로는 똑같은 일을 당하여 놀라는 일은 없겠지요?

이러한 영상시를 예로 들어서 설명을 해보겠습니다.
정상적으로 게시물이 올려진 장면입니다.


"소스보기"의 버튼을 클릭하여 소스를 확인해 볼까요?
소스보기는 7레벨 이상이 되어야만 가능하다는 것은 아시지요?


위 영상을 올린 태그들이 보입니다.
위 태그를 보니까 테이블을 두 번을 열었고, 그리고 두 번을 닫았군요.
<table~~><tr><td~>는 테이블을 여는 태그이고
</td><tr></table>는 테이블을 닫는 태그입니다.
간혹 다음의 게시판 등에서 <tbody>라는 태그를 사용하는 것이 있는 데, 이것은 불필요한 태그입니다.


이 태그들을 복사하기 위하여 "태그선택복사" 버튼을 클릭하세요.


태그들이 선택이 되면서 클립보드로 복사가 된 상태입니다.
"창닫기 버튼을 클릭하여 창을 닫습니다.


제가 즐겨 사용하는 EditPlus 프로그램에 붙여 넣기를 한 상태입니다.
(이 프로그램은 우리 홈의 자료실에 있습니다.)


"브라우져로 보기" 버튼을 클릭하니 정상대로 출력이 되는군요.


이것을 홈 게시판에서 "쓰기" 버튼을 누르고 "붙여넣기"를 했습니다.


자, 그럼 파란색으로 표시가 된 부분을 삭제를 해 볼까요?


이미지에서 말한 바와 같이 정상적인 태그에서 테이블을 닫는 태그 하나를 삭제를 해보겠습니다.


이크!! 이것도 우리를 깜짝 놀라게 하는 것 중의 하나이지요?
이것은 태그만을 이용하여 게시물을 작성한 경우게 생기는 것으로서
이럴 때는 게시물의 마지막에 점하나를 찍어 주시면 됩니다.


무언가 이상하지요? 그렇습니다. 게시물이 반쪽으로 줄어 버렸네요?


이러한 경우를 당하면 무담시 죄를 짓는 것 같이 가슴이 콩닥거리고
후다닥 도망을 가고 싶은 생각이 들곤 합니다.
테이블을 두 번을 열었는데 한 번만 닫은 경우에 발생을 하는 현상입니다.
그럼 대처는? 당연하게 테이블을 정상적으로 닫아 주면 됩니다. 쉽지요?


그럼, 이제는 반대로 테이블을 한 번 더 닫을 경우에는
어떠한 일이 벌어지는지 확인을 해 볼까요?


무엇이 잘못된 것인지 확인을 하셨나요?
이것을 발견했다면 님께서는 매우 민감한 "눈"을 가지신 분입니다.


예. 게시판 목록이 페이지 전체로 늘어나 버렸지요?


자 그럼 결론을 내려 봅니다.
테이블 태그를 사용하여 게시물을 올릴 때에는 테이블을 여는 만큼만 닫아 주어야 한다.
따라서 게시판의 목록이 페이지 전체로 늘어날 경우에는 테이블을 여는 것보다
더 닫았다는 증거이고(두번 또는 그보다 훨씬 많은 경우에도 같은 증상이 생깁니다.),
게시물이 반쪽으로 될 경우에는 테이블을 닫지 않았다는 반증입니다.

간혹 이러한 질문을 하시는 분들이 계십니다.
"다음(daum)같은 곳에서는 아무 이상이 없이 잘 올라가는데 왜 이 홈에서만 이러한 현상이 나는 것일까요?" 하는 질문 말입니다.
그것은 위에서 말씀을 드리는 바와 같이 우리 홈페이지는 노프레임으로 형성이 된
공간이기 때문에 그렇습니다.
노프레임에 관하여는 이미 많은 설명을 하였기 때문에 이곳에서는 더 이상 설명을 드리지 않겠습니다.

이제는 이것으로 인하여 당황을 하는 경우는 없겠지요?
여기까지 오시느라고 수고가 많으셨습니다.

댓글
2008.08.20 11:27:01 (*.96.31.61)
장길산
상세한 설명 해주셔서 고맙습니다.
수고하셨습니다.
번호
글쓴이
공지 HTML HTML 기초 다지기 4
오작교
221452   2008-06-17 2010-08-19 13:08
공지 HTML HTML과 CSS의 종합 정리 1
오작교
280647   2007-10-01 2010-08-19 12:45
공지 일반 스타일시트의 총정리
오작교
238378 14 2006-09-14 2010-08-19 12:45
243 Script 홈에 머무는 시간 표시하기
오작교
15372 10 2006-06-09 2006-06-09 15:52
<script> var t=new Date(); t=t.getTime();h(); function h() { var r=new Date(); document.title="중년! 그 아름다운 삶이 있는 곳에 오신지"+Math.ceil(((r.getTime()-t)/1000))+" 초가 지났네요."; status="중년! 그 아름다운 삶이 있는 곳에 오신지"+Mat...  
242 일반 Form 태그 1
오작교
15377 17 2006-05-06 2006-05-06 09:30
※ form 태그란? 일반적으로 form태그는 입력양식을 만들 때 많이 사용됩니다. 입력양식이란 어떠한 데이터를 받아 전송해주는 양식을 말하는 것입니다. 예를 들자면 방명록이나 게시판, 설문조사, 회원등록 폼 등 이런 것을 말하는 것이죠. 이러한 입력양식의 ...  
241 Script 글자가 플래쉬처럼 색상이 바뀌는 소스
오작교
15443 10 2006-06-03 2006-06-03 21:32
<body> <script> function initArray(){this.length = initArray.arguments.length;for (var i = 0; i < this.length; i++) {this[i] = initArray.arguments[i]; }} var ctext = "<b><h3>☆실내디자인인테리어뱅크</b></h>"; var speed = 1000; var x = 0; var ...  
240 Script 레이어를 원하는 곳에 고정하기
오작교
15479 11 2006-09-14 2006-09-14 10:31
다음을 헤드나 바디에 넣으세요. <script language="JavaScript"> <!-- self.onError=null; currentX = currentY = 0; whichIt = null; lastScrollX = 0; lastScrollY = 0; action = window.setInterval("heartBeat()",1); function heartBeat() { // combowid...  
239 Script 홈페이지의 TOP 버튼 만들기 2
오작교
15520 14 2006-06-03 2006-06-03 21:38
<script language=javascript> <!-- var isDOM = (document.getElementById ? true : false); var isIE4 = ((document.all && !isDOM) ? true : false); var isNS4 = (document.layers ? true : false); function getRef(id) { if (isDOM) return document.get...  
HTML 우리를 당황하게 하는 것(테이블 태그) 1
오작교
15627   2008-08-20 2016-04-21 17:07
태그를 이용하여 게시물을 올리다 보면 가끔씩 깜짝 놀라는 경우가 있습니다. 특히 테이블 태그를 사용하여 우리 홈과 같은 노프레임으로 되어 있는 홈에서는 애써 올린 게시물이 반쪽만 나온다던지 아니면 게시판의 목록이 옆으로 주욱 늘어나 버린 다던지 ...  
237 Script 스크립트 에러 표시 없애기 2
오작교
15651 4 2006-08-29 2006-08-29 15:21
익스플로어 상태 표시줄에 스크립트 에러 경고 없애기자바스크립트를 많이 쓰다보면 특별히 에러가 없는데 익스플로어 밑에 오류메시지가 계속 해서 에러가 뜨는 경우가 가끔씩 생깁니다. 오류메세지가 떠야 오류를 잡겠지만 특별히 문제가 없다면 보기가 안좋...  
236 일반 스위시 강좌(펌) 1
오작교
15722 10 2006-03-14 2006-03-14 10:46
스위시강좌로 가는 길  
235 Script 상태줄에 시간이 나타나게 하는 소스
오작교
15735 12 2006-11-29 2006-11-29 02:20
= 12) ? " P.M." : " A.M." var hours = now.getHours(); hours = ((hours > 12) ? hours - 12 : hours); var minutes = ((now.getMinutes() 밑의 상태바에 요일, 월, 일, 년, 시간 순서로 보이지요? 소스는 소스보기를 클릭하세요.  
234 일반 투명 반투명 아이프레임 넣기
오작교
15761 8 2006-05-05 2006-05-05 11:04
예제보기 : https://www.tagmania.net/love/iframetrans.htm 주의사항 : 익스 5.5 이상 가능 1. 투명 iframe 창 만들기 두가지를 준비해야 됩니다. 첫번째는 다음과 같은 형식의 iframe 태그를 만들어 줍니다. <iframe src="웹페이지 주소" allowtransparency=...  
233 Script 마퀴 스크롤되는 글 마우스로 제어하기
오작교
15765 13 2006-05-06 2006-05-06 20:09
<marquee width="400" heith="150" direction="up" scrollamount="3" onmouseover=stop() onmouseout=start()><center> 여자와 함께하는 즐거운 홈 이왕에 오셨으면~ 많은 것 가져가시고 편안한 시간이 되시기를~ 마우스를 글위에 올려놓으면~ 무조건 STOP하지...  
232 Script 브라우져 창의 스크롤 트랙을 완전히 없애자
오작교
15809 16 2006-09-14 2006-09-14 10:33
브라우저창의 스크롤 트랙을 없애서 트랙사이즈인 20픽셀만큼을 더 사용하기입니다,, 다음을 헤드나 바디에 넣으세요,, <script language="JavaScript"> function get_IEscroll(choice) { if (document.all) { document.body.scroll = choice; } } //--> </scr...  
231 HTML 홈페이지를 만들어 보자 (템플릿 -6) 6
오작교
15865 10 2007-02-03 2007-02-03 20:57
- 유진/슈/바다 페이지 만들기 메뉴링크에 보면 ses 각각 멤버 소개 페이지가 나오죠? 이젠 그걸 만들어 봅시다. ^^ 모... 길게 설명할 것도 없구... right.htm 페이지의 table 태그의 중간 셀에 이미지와 프로필만 넣어준 겁니다. bada.htm right.htm 과 테...  
230 PHP Subject 초보자를 위한 PHP 강좌 4부 - 배열 변수 1
오작교
15879 41 2007-03-14 2007-03-14 22:02
안녕하세요~~ 오늘은 배열(array) 변수에 관해 알아보도록 하겠습니다. 먼저, 프로그램을 짤 때 왜 배열 변수라는 것이 필요한지 그 점에 관해 설명해드리겠습니다. 예를 들어 100명의 학생의 영어 성적의 합계를 구하는 프로그램을 짠다고 해봅시다. 만일, 배...  
229 HTML 테이블 만들기 - 3
멋진그대
15897 10 2007-01-29 2007-01-29 14:44
흠....전번에는 갑자기 짜근으로 홈을 옮기는 바람에 표만들기 강좌를 한동안 중단을 했다가 다시 이어서 올립니다.....뭐 ...여기서부터는 별루 그렇게 어려운 것은 없습니다...앞에서 대부분을 설명을 했기 때문에 전체적인 느낌(?)만 잡으면 됩니다. 그럼 ...  
228 HTML 테이블(5신) - 테두리 넓이 지정
오작교
15906 10 2007-06-19 2007-06-19 17:15
Table 에관하여 5신 Table 테두리 다섯번째 시간입니다. 스타일을 이용한 테이블 테두리(fream)넓이지정에 관하여 알아보겠습니다. 일반적으로 테이블의 테두리 넓이를 지정할때 border="수치"로 작성합니다. <table border=10 width=500 height=80> <tr> <td...  
227 HTML 홈페이지를 만들어 보자 (템플릿 -3)
오작교
15914 16 2007-02-03 2007-02-03 20:50
앞 장에서는 화면 분할을 해봤죠? ^^ 그럼 이제 분할한 화면의 내용을 채워보도록 하겠습니다. 내용을 만들기 앞서 빠른 이해를 돕기위해 아래 그림을 봐주시기 바랍니다. 그림이 영 허접이라..-_-;; 그림은 조금만 보시고 원리만 이해하시길 바랍겠습니다. ^^...  
226 Script 홈 접속한 시간 나타내기
오작교
15945 16 2006-05-06 2006-05-06 20:54
<SCRIPT LANGUAGE="JavaScript"> <!-- Stamp = new Date(); document.write('' + (Stamp.getMonth() + 1) +"/"+Stamp.getDate()+ "/"+Stamp.getYear() + '<br>'); var Hours; var Mins; var Time; Hours = Stamp.getHours(); if (Hours >= 12) { Time = " P.M....  
225 Script 새창의 아무 곳이나 클릭해도 닫히기
오작교
15945 15 2006-09-14 2006-09-14 11:36
아래 소스를 body 부분에 추가하세요. <body onclick="window.close()" style="cursor:hand">  
224 HTML 홈페이지를 만들어 보자 (템플릿 -4)
오작교
15945 9 2007-02-03 2007-02-03 20:52
ⓑ body 부분 본격적으로 우리 눈에 직접 보여지는 부분인 body 부분을 만들어 보도록 하겠습니다. 먼저 메뉴 같은 건 테이블을 만들어서 넣어 주는게 좋습니다. 그래야 안 깨지고 고정되어 보여질 수 있습니다. left.htm <table border="0" cellspacing="0" wi...  
XE Login