세이박스

HTML base URL 활용하는 방법

웹프로그램
base url 이란?
현재 디렉토리를 지정한 디렉토리로 변경 해주는 기능 입니다.

조금 설명을 구체적으로 하면 다음과 같습니다.
브라우저에서 특정 사이트를 접속시 일단 html 소스를 읽어 옵니다.
그리고 html 소스를 순서대로 분석하면서 이미지, 플래시, 동영상 등의 파일을 다시 불러와서 내컴퓨터 임시 폴더 영역에 저장 합니다.
임시로 저장하는 영역은 IE 7.0인 경우 다음 경로와 같습니다.
브라우저 메뉴 > 도구 > 인터넷 옵션 > 설정 > 파일보기
를 클릭하면 앞전에 받았던 이미지 등이 보일 것입니다.

예) <img src="/images/test.jpg">

브라우저에서 읽어온 html 소스에 예와 같은 이미지 테그가 있는경우 브라우저에서는 자동으로 접속한 도메인을 base url로 생각하고 이미지를 받아 옵니다.
즉, <img src="http://접속한도메인/images/test.jpg"> 처럼 적용해서 이미지를 받아올 때
http://접속한도메인/images/test.jpg 로 불러 오게 됩니다.

base url 적용 소스 :


위 소스를 html 소스 맨 상단에 입력 해주면 이하 소스들은 위 URL을 기본 도메인 처리 됩니다.

예) 접속한 사이트는 http://www.naver.com/ 이지만 base url은 http://www.saybox.co.kr 인경우
<img src="/images/test.jpg"> 이와 같은 이미지 경로는 http://www.naver.com/images/test.jpg 가 아닌 http://www.saybox.co.kr/images/test.jpg 에서 불러오게 됩니다.

CSS 이미지 테두리를 액자처럼 라인 넣어 주기

웹프로그램
사용자 삽입 이미지


이미지만 출력시 다소 허전한 느낌을 줄때 테두리에 연한 회색으로 그려 주면 다소 깔끔하게 보입니다.
스타일 적용은 다음과 같습니다.

<div style="width:이미지폭px;height:이미지높이px;border:2 solid #CDCDCD;padding:2px;">
<img src="이미지">
</div>

위처럼 Div 로 이미지 소스를 감싸 주시면 되며
width : 이미지의 폭 픽셀 값을 넣어 주시구요
height : 이미지의 높이 픽셀 값을 넣어 주세요
border : 라인 두께 인데 적절히 조절해서 이용하세요
solid #color : color 값은 이미지에 어울리는 색으로 넣어 주시면 됩니다.
padding : 이미지와 라인 사이 공백으로써 적절히 띄워주시면 깔끔하게 보입니다. 큰 이미지 일수록 많이 띄워야 겠죠..^^ 

[HTML] meta 메타 태그 종류

웹프로그램

1. <meta http-equiv="Content-Language" content="ko">
웹문서의 문법을 나타냅니다.


2. <meta http-equiv="imagetoolbar" content="no">
이미지에 나타나는 툴바를 제거합니다.


3. <META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)">

4. <META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)">

3.4번은 웹문서를 들어 올때나 나갈때 부드럽게 페이지를 이동시킵니다..플래시 효과같게...


5. <META http-equiv="Page-Enter" content="RevealTrans(Duration=0.3, Transition=12)">
이 페이지가 호출될때 3초간 12번 효과가 연출됨

6. <META name="robots" content="noindex,follow" />
이 문서는 긁어가지말고 링크된 문서는 긁어 갈 것을 나타냄

7. <META HTTP-EQUIV='Cache-Control' CONTENT='no-cache'>
캐쉬를 사용하지 말고 다시 지정된 문서를 새로 읽어서 보여준다는 뜻입니다.

8. <META HTTP-EQUIV='Pragma' CONTENT='no-cache'>
캐쉬에서 해당 페이지를 읽어들이는걸 방지합니다..들어 올때마다 새로고침한 것과 같은 효과입니다


이외에도 많이 있음 ^^

<HR> 태그 사용해서 점선 표시 하기

웹프로그램

* HR 태그에 스타일을 적용해서 점선 표시 가능합니다.

<hr style="color:#999999;border-style:dotted">

color : 점선 색상

border-style : 점선 스타일 지정 (dotted : 점선)

PHP strip_tags() 문자열에 html 태그나 php문구 모두 제거

웹프로그램
글 작성시 html 에디터 등으로 작성된 글에서 텍스트만 필요한 경우
 
string strip_tags(string str [, string allowable_tags])
 
* 문자열 str에서 html이나 php태그를 모두 제거한 문자열을 반환한다.
 
* allowable_tag은 문자열 str에 적용되어 있는 html, php태그를 사용할 경우, 그 태그는 제거하지 않고 적용어 있는 문자열을 반환한다.
 
예)
$ddd = "<P><STRONG><FONT color=#ff0000 size=3>‘스타’와 ‘연인’은 끝내 헤어질 것인가.</FONT></STRONG></P>";
echo strip_tags($ddd);
 
결과)
스타’와 ‘연인’은 끝내 헤어질 것인가.
 
 
출처 : 세이박스 http://saybox.tistory.com