가카리의 공부방

HTML을 이용한 공격 방지 HTML을 사용자가 이용하게 된다면 일부 불순한 생각을 가지신분이 자신의 실력을 돋보이게 하기위해서 종종 자바스크립트를 이용한 테러를 하게 됩니다.(무한 팝업 등) 그런 것을 방지하기위해서는 한가지 방법이 있습니다. 방법은 HTML과 자바스크립트를 무시하는 것입니다. 첫 번째 방법을 위해서는 PHP 내장함수중 strip_tags라는 함수를 알아야되는데 이 함수는 문자열에서 태그를 제거하는 함수입니다. $stirng = strip_tags(" PHP"); 를 쓰면 $string에는 “PHP”만 들어가게 됩니다. 만약에 $stirng = strip_tags(" PHP", " "); 과 같이 두 번째 인자에 를 넣게되면 은 허용한다는 뜻입니다. 그래서 $string에는 “ PHP”..

게시판 모양 깨짐 방지 만약에 게시판에 글을 썼는데 게시판의 길이가 자동적으로 변하면 문제가 됩니다. 원래 모습 다음과 같이 변하면 좀 이상하겠죠? 그래서 TABLE의 특별한 옵션인 을 사용하면 위와 같이 추가하고서 다시 글을 보면 똑같습니다. 이유는 pre 태그 때문입니다. pre태그의 의미는 다음과 같습니다. 기본적으로 html 문서에서 태그는 "Line Break"를 의미하며, 강제적으로 줄바꿈을 할 때 사용합니다. 키보드의 엔터(Enter), 탭(Tab), 사이띄기(Space) 등을 무조건 공백 하나로만 취급합니다. 그러나 태그안의 문자열드에 대해서는 원하는 곳에 지정한 문장을 배치할 수 있으며 원하는 만큼 공백을 줄수도 있고 복잡한 문장과 단락구조 자체를 쉽게 효현할 수 있습니다. 태그를 사용할..

◈ 입력한대로 보여주는 태그 ◈ 기본적으로 html 문서에서 태그는 "Line Break"를 의미하며, 강제적으로 줄바꿈을 할 때 사용합니다. 키보드의 엔터(Enter), 탭(Tab), 사이띄기(Space) 등을 무조건 공백 하나로만 취급합니다. 그러나 태그안의 문자열드에 대해서는 원하는 곳에 지정한 문장을 배치할 수 있으며 원하는 만큼 공백을 줄수도 있고 복잡한 문장과 단락구조 자체를 쉽게 효현할 수 있습니다. 태그를 사용할 때 주의점은 다른 태그를 안에 사용하지 말아야 한다는 것입니다. ◈ 사용예 ◈ 입력한대로 나타납니다 나보기가 역겨워 가실때에는 말없이 고이보내 드리오리다. 가시는 걸음 걸음 놓인 그꽃을 사뿐히 즈려밟고 가시옵소서. ◈ 실행결과 ◈ 입력한대로 나타납니다 나보기가 역겨워 가실때에는 말..

일단 div와 span 태그의 차이점을 알아보시죠. div block 형식으로 공간 분할 span inline 형식으로 공간 분할 block과 inline이 뭔지도 모르실 분들이 많을텐데요. 한번 직접 보고 확인해보세요. div태그부터 시작하겠습니다. http://kurien.tistory.com http://kurien.tistory.com http://kurien.tistory.com http://kurien.tistory.com http://kurien.tistory.com http://kurien.tistory.com 어떤식으로 나오는지 확인시켜드리기 위해서 일부러 배경색을 넣었습니다. 먼저 div는 기본적으로 width=100%로 나오구요. 물론 설정으로 조절이 가능합니다. block태그는 이러..

직업선택 학생 회사원 기타 태그와 태그로 구성됩니다. 직업선택 학생 회사원 기타 태그에서 사용하는 value 속성은 텍스트 필드에서의 value 속성과는 조금 틀립니다. 텍스트 필드에서 value 속성에 값을 입력하면 기본값이 입력되지만 태그의 경우는 이 이 선택된 경우 전송되는 값을 지정하는 것입니다. 위의 예제에서 학생을 선택된채로 폼을 전송했다면 job 필드의 value값은 의 value값인 "학생"으로 지정됩니다. 기본값으로 회사원이 선택되게 할려면 selected 속성을 사용해야 합니다. 직업선택 학생 회사원 기타 아래와 같이 회사원이 선택된채로 출력됩니다. 직업선택 학생 회사원 기타 은 HTML 4 버전에서 새로 만들어진 태그로 옵션에 카테고리를 만들 수 있습니다. 대부분의 웹브라우저에서 지원..

보통 새로운 웹페이지를 여는 명령어에서 쓰입니다. 속성명이 target 이고 인수가 _blank, _self, _parent, _top 4개 중 하나가 들어가요. 예) html : 링크 as : navigateToURL ( new URLRequest( 'http://flashfriend.tistory.com'), '_blank' ) _blank 새 윈도우 창을 열어서, 웹페이지를 엽니다. 기존의 창은 그대로 남겨져 있스빈다. _self 현재 윈도우창에 그대로, 링크된 웹페이지를 엽니다. ( 현재의 프레임 ) _parent 현재 프레임의 부모 프레임에서 새웹페이지가 열립니다. 만약 어떤 창 A에서 창 ..

" " : 공백(스페이스 한 칸)을 의미. 띄어쓰기를 할 때는 키보드의 스페이스키(가장 길쭉한 키)를 한 번 눌러 "공백 문자" 즉 빈 칸을 한 개 삽입합니다. 그런데 HTML 문법에서는, 일반 텍스트 편집에서와 달리, 공백 2개를 연속으로 사용해도 2칸을 띄어쓸 수 없습니다. 공백을 아무리 많이 삽입해도 공백 1개로 간주됩니다. 그래서 공백을 여러 개 사용해야 할 때는, 빈 칸을 이렇게 표현해 줍니다. 그러면 브라우저가 기호를 빈 칸으로 표시해 줍니다. 예제: aaa bbb 이렇게 aaa와 bbb 사이에 공백을 4칸 넣어줄 때에는 aaa bbb 이렇게 합니다. 진짜 공백과 기호를 번갈아서 쓰면 됩니다. < 부등호() 위의 경우와 같습니다. 닫는 괄호 또는, "무엇에 비해 크다(Greater Than)"..

테이블은 기본적으로 각 열마다 동일한 행으로 이루어져야 합니다. 1*1 셀 2*1 셀 2*2 셀 위와 같이 첫번째 열(row)은 1개의 행(column)을 가지고, 두번째 열(row)은 2개의 행(column)을 가지게 만들면 아래처럼 제대로 모양을 갖추어 지지 않습니다.1*1 셀2*1 셀2*2 셀첫번째 열을 오른쪽으로 확장시켜 주어야 합니다. 이때 사용하는 속성이 colspan 입니다. 1*1 셀 2*1 셀 2*2 셀 위와 같이 colspan="2"로 지정하면 아래와 같이 의도한 대로 모양이 나옵니다.1*1 셀2*1 셀2*2 셀즉 첫번째 row의 column수가 1개이고, 두번째 row의 column 수가 2개이므로 이를 동일하게 맞추어 주기 위해서 첫번째 row의 셀에서 colspan 속성을 사용하였..