logo

  • 홈으로
  • 로그인
  • 회원가입
  • 화면축소
  • 화면확대
2018년 11월 19일
  • 포토누리
  • 제작의뢰
  • 포트폴리오
잡다한몽상백서 메인배너
로그인
2006.08.25 23:35

태그정리

조회 수 80281 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print
?

단축키

Prev이전 문서

Next다음 문서

+ - Up Down Comment Print

홈페이지 문서의 시작과 끝 

홈페이지의 머리 부분으로 홈페이지의 제목 또는 키워드 등이 들어감 

  와 사이에 위치하며 홈페이지의 제목이 들어감 


홈페이지의 본문을 타나내는 태그 

주요 옵션

bgcolor=? ? 홈페이지의 배경색을 지정함

background=? ? 홈페이지의 배경을 이미지로 채움  


주요 옵션

           width=? ? 그림 파일의 너비를 픽셀단위로 지정

           height=? ? 그림 파일의 높이를 픽셀단위로 지정 

           border=? ? 그림 파일의 테두리 두께를 픽셀단위로 지정  

           align=? ? 그림 파일의 위치를 지정 (left, right, center가 들어감) 

           hspace=" " 그림 수평 여유 

           vspace=" " 그림 수직 여유 



줄바꿈  

단락을 구분하는 태그로 안에 정렬태그를 함께 쓸 수 있음  

메모장에 쓰여진 대로 출력해줌   



수평선  

주요 옵션

width=? ? 수평선의 너비를 픽셀단위로 지정(상대적인 크기는 60%와 같이 %로 지정) 

size=? ? 수평선의 두께  

noshade 수평선의 입체감을 없애주는 태그 


글꼴을 지정하는 태그 

주요 옵션

color=? ? 글자의 색깔을 지정  

size=? ? 글자의 크기를 지정(1부터 7까지 있으며 상대크기로 -1,+1,+2...등을 사용하는데             이는 기본글꼴크기(3)보다 한 포인트 작게 또는 크게 하는 의미로 쓰임)  

face=? ? 글자의 모양을 지정(윈도우즈에 등록된 것을 기준으로)

한글에서 가장 많이 쓰이는 것은 굴림, 바탕, 돋움 등이 있고 영문에서는 arial 등이 많이 쓰임 

글꼴 크기를 지정함(1부터 6까지이고 숫자가 커질수록 글꼴은 작아짐) 

글꼴을 굵게 표시함 

기울임 글꼴 

글자에 밑줄을 그어줌 


  • ...
순서 없는 목록  

  1. ...
순서를 정하는 목록(이 경우 출력하면 글 앞머리에 1,2,3...등의 번호가 붙음) 

가운데 정렬 

주석 태그로 태그 사이에 있는 문장은 브라우저에 출력되지 않음 



표 및 프레임 태그 정리

테이블 태그의 기본


테이블 시작 

한 줄 시작 

데이터 셀 끝남 

한 줄 끝남 

데이터 셀 시작 

테이블 끝남 


안에 들어가는 옵션들 

border=" " 테이블 테두리의 두께(단위 픽셀) 

width=? ? 테이블의 너비(픽셀단위도 쓰고 80%과 같이 화면의 상대너비도 씀) 

height=" " 테이블의 높이(픽셀) 

cellspacing=" " 데이터셀의 간격(픽셀) 

cellpadding=" " 셀의 여유(픽셀) 

bordercolor=" " 테두리의 색깔 

bgclolor=" " 테이블의 배경색 

background=" " 테이블의 배경그림(gif 및 jpg 파일)  


제목셀(글꼴이 굵게 표시됨)로

?

안에 들어가는 옵션들  

bgclolor=" " 셀 배경색 

background=" " 셀 배경그림(gif 및 jpg 파일)  

width=? ? 셀의 너비(픽셀단위도 쓰고 80%과 같이 테이블과의 상대너비도 씀) 

height=" " 셀의 높이(픽셀) 

colspan="N" 가로 방향 N개의 셀 합치기 

rowspan="N" 세로 방향 N개의 셀 합치기 


제목대신 사용 


프레임 태그  


프레임 셋 시작 

실제 보여질 프레임 화면으로 몇 개든 지정할 수 있음 

프레임 셋 끝 (프레임 셋에서는 태그를 쓰지 않음에 유의) 


의 옵션 

rows=" " 줄 방향으로 프레임 나누기(픽셀단위 및 화면과 상대단위) 

cols=" " 가로 방향으로 나누기  

border="N" 경계선의 두께(픽셀) 


의 옵션 

name=" " 프레임의 이름을 지정(파일명) 

scrolling="yes 또는 no" 스크롤바 생성 여부 

noresize 사용자가 임의로 프레임크기를 바꾸지 못하게 함


target=? ? 지정방법  

target=?name? name으로 지정된 화면으로 띄우기 

target=?_blank? 본 화면을 유지하면서 새로운 창으로 띄우기 

target=?_top? 본 화면 위에 새로운 창을 덮어쓰기 

target=?_self? 본 화면을 바꾸어 지정된 창 띄우기(기본값) 


내용  

프레임을 지원하지 않는 브라우저에서 안내글을 출력하는 태그로 과 사이에 위치함.

프레임을 지원하는 브라우저에서는 보이지 않음 


프레임 태그 작성에서 자주 발생하는 에러들과 대책


? 메뉴 중의 하나를 클릭했는데 바뀐 문서가 그대로 메뉴창에 뜰 때 

target 옵션을 주지 않아서 그렇습니다. HOME

와 같이 target 옵션으로 찾아가고자 하는 대상 프레임을 명확히 해줍니다. 


? target을 명시했는데도 에러가 날 때 

프레임셋에서 name=" " 항목을 지정하지 않았군요. 프레임셋 소스에서

 

     

와 같이 name=" " 부분에 이름을 정해줍니다. 


? 다시 원 화면으로 되돌아가는 링크에서 프레임에 갇혀 버릴 때  

흔히 발생하는 경우입니다. 이 때는 원화면으로 돌아오는 링크의 옵션으로 target="_top"을

지정해주면 해결됩니다. 


? 으로 했는데도 경계선과 스크롤바가 생길 때 

프레임 경계선 두께를 0으로 해주는 것과 동시에 scrolling="no"로 지정합니다. 태그는 아래와 같습니다.

 


? 프레임에 갇혔을 때 어떻게 탈출하나? 

어떤 홈페이지에 들어가보면 다른 사이트로의 링크까지도 프레임 안에 뜨게 만들어 놓은 것을 볼 수가 있습니다. 이럴 경우에는 링크된 그림이나 텍스트 위에 마우스를 올리고 오른쪽 버튼을 누릅니다. 이 때 나타나는 메뉴에서 '새창으로 링크열기(N)'를 선택하면 다음에 나타나는 문서는 프레임 속에 있지 않고 새로운 창으로 보여질 것입니다. 이 경우에 더 좋은 방법은 홈페이지의 주인이 target을 _blank나 _top으로 주는 방법입니다. 


? 메뉴 쪽의 프레임이 잘려 보일 때

프레임 셋 속성에서 프레임의 크기를 상대크기(%)로 하지 말고 절대크기(픽셀)로 지정하면 해결됩니다.

List of Articles
번호 제목 글쓴이 날짜 조회 수
62 홈페이지에 팝업창달기 1 똑띠 2007.12.08 145359
61 함수호출, 조건별 처리 똑띠 2012.09.04 70285
60 함수를 이용한 div 출력 1 똑띠 2007.11.23 208078
59 한줄짜리 웹소스 똑띠 2006.08.25 110485
58 한번에 링크테두리 없애주는 스크립트 소스 5 똑띠 2006.11.03 87882
57 폼체크 기본 사용법 똑띠 2010.01.07 93202
56 폼체크 (submit 이전에 체크후 넘김) 1 똑띠 2010.09.30 175206
55 페이지내 링크 점선 일괄 없애기 똑띠 2009.05.13 90241
54 특정태그 제거 똑띠 2011.10.14 77526
53 투명아이프레임 만들기 똑띠 2006.08.25 98610
52 테이블(table)와 관련된 스타일 시트 똑띠 2006.08.25 90089
51 테이블 대신 필드셋(fieldset)을 이용하기 똑띠 2006.08.25 78602
» 태그정리 똑띠 2006.08.25 80281
49 클릭시 레이어 보이기 숨기기 팁 똑띠 2010.02.10 96660
48 크로스 사이트 스크립트 1 똑띠 2011.09.02 94291
47 지금 보고 있는 웹페이지를 닫을지를 묻는 창이 안뜨도록 하는 소스 1 똑띠 2011.04.12 96211
46 좌측 숨김 슬라이드메뉴 file 똑띠 2011.08.19 70751
45 접속시 배경이미지 랜덤으로 보여주기 똑띠 2011.07.26 71235
44 일괄적으로 링크된 이미지,글씨 점선 없애기 똑띠 2006.08.25 94994
43 이미지를 새창으로 띄우기 똑띠 2017.10.27 615
목록
Board Pagination ‹ Prev 1 2 3 4 Next ›
/ 4

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

설치 취소

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

  • Designed by jobdahan.net