프로그래밍/HTML 12

HTML - CSS 예제로 보여주는 보더 스타일(border style) (펌자료)

* 각 스타일에 대한 예제이다. border-style:dotted border-style:solid border-style:double border-style:groove border-style:ridge border-style:inset border-style:outset * 보더의 넓이에 대한 예제이다. border-style과 같이 쓰지 않으면 아무런 효과가 없다. border-style:solid;border-width:5px border-style:solid;border-width:thin border-style:solid;border-width:memium border-style:solid;border-width:thick * 보더의 색에 대한 예제이다. border-style과 같이 쓰지 ..

HTML - CSS에서 주석은 <!-- -->가 아닌 /* */이다

css 파일의 내용이 많아지면 이를 관리하기 위해서 주석을 활용하면 좋습니다. 주석은 소스상에서만 표시될뿐 실제적으로는 아무 영향을 미치지 않는 코드입니다. css의 주석은 /*로 시작하여 */로 끝납니다. 이 문단의 id는 red입니다. 일반적인 문단입니다. CSS 구문이 간단할때는 주석이 크게 필요하지 않지만 홈페이지의 모든 문서에 연결된 외부 CSS파일의 경우 CSS 구문이 아주 복잡합니다. 이때 주석을 적절하게 사용한다면 CSS 문서의 관리가 편해집니다. 출처 : http://www.homejjang.com/07/comment.php

HTML - name과 id 의 차이점

▶ name (1) document.폼객체명.폼원소명.value (2) document.getElementsByName("name") name은 page 안에서 중복되어 사용이 가능하며 action에 해당하는 페이지로 전달하는 파라미터로 사용된다. GET/POST 방식으로 값을 전달하고 싶은 TAG에 사용. Form 객체들(input , radio box ,checkbox )에서 전송되어지는 Parameter의 Key값으로 사용이 됩니다. 서버단에서는 request.getParameter(parameterName) 이런 식으로 값을 가져오죠. ▶ id (1) document.all.id.value (2) id.value (3) document.getElementById("폼 id").value id는 p..

초보 Java 웹 개발자들을 위한 학습 로드맵 (펌자료)

경고 : 2008년도 글입니다. 시대가 많이 달라졌어요. OKJSP에 자주 가서 요즘 자바 개발자들이 어떻게 살아가나를 보는 편인데, 아주 많이 반복적으로 올라오는 질문이 "대체 뭘 공부해야 하나요? 프레임워크는 Spring을 해야 할까요? iBATIS를 해야 할까요?" 하는 식의 질문들이다(이 질문은 사실 말이 안된다. 왜 그런지 읽다보면 나온다). Java는 웹 관련 프레임워크들이 너무 다양하고, Ruby나 Python 같은 경우에는 RubyOnRails나 Django 처럼 하나의 프레임워크 안에 기능별 프레임워크들도 모두 다 All in one 형태로 들어 있어서 혼란을 주지 않는 반면, Java는 각 영역별로 프레임워크가 모두 다르고, 또한 각 영역별로 존재하는 프레임워크들의 종류도 많아서 초보 ..

HTML - HTML로 만든 게시판 모양 깨짐 방지

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

HTML- pre 태그

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

HTML - div와 span 태그의 차이점

일단 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태그는 이러..

HTML - 셀렉트박스(select)

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

HTML - target blank, self, parent, top의 의미

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

HTML - Frameset 이란

Frameset Frameset 이란 하나의 브라우저 창을 여러개로 분할하여 각각의 분할된 곳(Frame)에 문서를 하나씩 집어넣어 구성한 문서를 말합니다. 그러기 위해서는 그 분할된 곳 마다 들어갈 문서가 있어야 될 것이고 브라우저 창을 어떻게 분할 했는지에 대한 정보를 담고 있는 문서(Frameset page)가 있어야 되겠군요. 이렇게 문서를 분할하는 이유는 한 페이지로 구성했을 경우처럼 다른 문서를 볼 때 마다 화면 전체가 바뀌지 않고 분할된 특정 부분만 바뀌므로서 문서를 보는 사람이 안정감을 가지게 하자는 거죠. 이 사이트도 역시 그런 뜻에서 Frameset으로 문서를 구성했습니다. 하긴 요새 다시 한 페이지로 구성한 사이트가 유행이라고 하긴 하던데... 그래도 역시 Frameset으로 구성한 ..

반응형