WEB_TECH/(x)HTML 썸네일형 리스트형 form태그 사용법 이번시간에는 form 태그의 사용법에 대해 알아보겠습니다.form 태그는 데이터를 받거나 입력하는등 기능적인 역할을 하는 태그입니다.주로 서버스크립트와 함께 쓰입니다. 중요하기 때문에 꼭 잘 사용할 수 있도록 배워두어야 합니다. 텍스트 필드disabled는 폼을 불능화시킵니다.readonly는 값을 입력하지는 못하지만 이미 입력되어 있는 값은 서버로 전송됩니다.[사용예] 이름: 비밀번호이런 식으로 작성하면 입력하는 글자가 안보입니다. hidden data화면상에 표시되지 않는 컨트롤을 생성.서버로 전달할 내용이지만 사용자에게 노출되지 않아야 하는 데이터를 넘길때 사용됩니다.서버측언어와 함께 사용되는 기법입니다. textarea여러줄의 텍스트를 입력할 때 사용하는 태그값rows는 입력한 행의 수colss는.. 더보기 meta 태그란 meta 태그는 문서의 정보를 표시하는 태그입니다.문서내용이 표시되지는 않고 문서의 데이터가 됩니다. 문법은 다음과 같습니다. [사용예]검색엔진에서 키워드 설정 문자코드 캐릭터셋 설정 다른페이지로 이동이렇게 하면 5초후에 다음경로로 이동합니다. 더보기 이스케이핑에 대해서 알아봅시다 이스케이핑이란 만일 화면에 태그를 실행시키지 않고 표시하려면 이스케이핑을 해야 합니다. & → (공백) → > (크다 표시)" → " (큰따옴표)' → ' (어포스트로피) 이스케이핑 도구를 편리하게 사용하려면 다음 사이트로 가면 됩니다.http://www.htmlescape.net/htmlescape_tool.html 더보기 DTD란 무엇인가? DTD라는 것은?문서타입 정의 입니다.DTD정의는 웹 표준에 따라 HTML문서를 만들때 페이지가 어떤 표준을 따를 것인지 미리 정하는 것입니다.그래서 이 DTD는 웹 브라우저가 웹페이지를 어떤 기준으로 파싱할 것인지 선언하는 역할을 합니다. DTD를 정의해야 하는 이유는1. 문서의 가독성 증가2. 브라우저 별 호환성 증가를 위해서(크로스 브라우징)3. 문서 제작의 효율성을 좋게 하기 위해서 DTD의 종류 1. HTML 4.01 Transitional(호환모드) 2. HTML 4.01 strict(엄격모드) 3. XHTML 1.0 Transitional(호환모드) 4. XHTML 1.0 strict(엄격모드) 아 그리고 중요한 것이 있군요.5. HTML 5 더보기 XHTML 작성법 XHTML은 HTML4.0과 비슷하지만 다른 점도 있습니다.XHTML은 HTML4의 구조적인 단점을 보완하기 위해 만들어진 규약입니다.즉 표준화 준수를 위해 만들어 졌고 문서자체적으로도 데이터의 구조를 갖도록 만들어 졌습니다.HTML이면서 XML인 것이지요. 작성법은 다음과 같습니다. 1. 대소문자를 반드시 구분합니다.모든 요소와 속성값은 반드시 소문자로 작성해야 합니다. : X : O 2. XHTML열고 닫음이 명확해야 합니다. 구문 3. 속성 값에 따옴표 꼭 붙여줘야 합니다. 4. WellFormed하게 종료의 표현을 명확하게 해 줘야 합니다. , , 더보기 iframe 태그에 대해 알아봅시다. iframe 태그는 정말 유용합니다.ie4에서 먼저 사용하기 시작했는데 다른 웹경로에 있는 페이지를 내 웹페이지 안에 불러올때 사용합니다.어플리케이션에서 마치 webView와 같은 역할을 합니다. 보안을 중요시하는 네이버블로그 같은 곳에서는 사용할 수 없으니 잘 취사선택해서 사용하면 좋을 것입니다. 속성src = "주소" : 불러올 페이지 경로name = "이름" : 이름을 지정하는 속성width = "200" : 가로height = "300" : 세로frameborder = 0 : 테두리 두께marginwidth = 0 : 좌우 여백marginheight = 0 : 상하 여백scrolling = auto : 스크롤바 생성하는 속성 auto / no / yes alien = center : 정렬 left.. 더보기 이전 1 다음