"초보 웹 퍼블리셔"
10
-
[비공개] input 관련
출처 : 웹표준 스터디 원문 :http://cafe.naver.com/webmarkup ----------------------------------------------------------------------------------------- form 안에 기본적인 컨트롤을 생성하는 데는 인라인 요소인 input 요소를 사용합니다. input 은 빈 요소이기 떄문에 이라는 서식으로 기술합니다. ◆ type ="컨트롤의 종류" 1) text : 단일행 텍스트 입력필드. 이름, E-mail 주소, URL 주소 등 다양한 용도로 사용할 수 있는 범용적 필드 입니다. 2) password : 비밀번호 입력필드. 많은 브라우저에서는 입력 가능한 텍스트가 자동으로 영문, 숫자에 한정되며 '*' 나 '●' 로 감춰 져 표시됩니다.프로그램을 통해서는 일반적인 텍스트로 송신되기 때문에 보안성이 높다고 할 수 없습니다. 입력내용의 보안성확보에는 SSL (Secure Socket Layer)등의 암호화 기술을 사용해..추천 -
[비공개] meta 태그 관련
출처 : 웹표준 스터디 원문 :http://cafe.naver.com/webmarkup----------------------------------------------------------------------------------------- 1. meta 태그의 정의 meta태그는 웹 서버와 웹 브라우저간에 상호 교환되는 정보를 정의 하는데 사용합니다. html 문서의 와 사이에 입력하는 특수 태그로서 사이트의 디자인에는 전혀 영향을 미치지 않고 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다. 속성에는 name, content, http-equiv 3가지 속성이 있습니다. http-equiv=“항목명” : 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용 될 수 있으며, html 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송 되었을 때에만 의미를 갖습니다. content="정보값" : meta 정보의 내용을 지정합니다. nam..추천 -
[비공개] jQuery() 함수
엘리먼트의 그룹을 찾기 위해 다음과 같이 단순한 문법을 사용합니다. $(selector) 또는 jQuery(selector) $( ) 함수는 jQuery( ) 함수의 별칭으로 셀렉터와 일치하는 DOM 엘리먼트 배열을 가진 '특별한' 자바스크립트 객체를 반환합니다. 이 객체는 미리 정의된 메서드를 여러개 보유하고 있는데 이를 이용해 선택된 엘리먼트 그룹에 많은 기능을 적용할 수 있습니다. 프로그래밍 용어로 이런 형태의 구성 요소를 래퍼(wrapper)라고 부릅니다. 그 이유는 일치하는 엘리먼트를 확장된 기능으로 감싸고 있기 때문에 이렇게 jQuery 가 정의한 추가 메서드를 이용할 수 있는 엘리먼트 집합을 확장집합 (Wrapped Set)이라고 부릅니다.추천 -
[비공개] SEO (Search Engine Optimization)
SEO는 '검색엔진 최적화(search engine optimization)' 또는 '검색엔진 최적화도구(Search Engine Optimizer)'의 약어입니다. 검색엔진 웹사이트 최적화는 검색엔진에 '입맛'을 맞추기 위한 웹페이지 및 웹사이트를 말합니다. 결론적으로 검색엔진에서 검색했을 떄 상위에 나타나도록 관리하는 것입니다.추천 -
[비공개] DOCTYPE 의 정의
출처 : 웹표준 스터디 원문 :http://cafe.naver.com/webmarkup --------------------------------------------------------------------- Doctype 는 “문서의 종류를 선언할 때 필요한 요소” 라고 정의 할 수 있는 태그입니다. 1.사용해야 하는 이유 Doctype 은 사용자 브라우저나 보조기기에게 어떤 방법으로 렌더링 하여 페이지를 보여줄지 알려주는 것 입니다. Doctype를 선언하지 않으면 브라우저는 자동적으로 Doctype을 선언하게 됩니다. 이런 경우에는 페이지 렌더링 속도가 느려질 뿐만 아니라 브라우저 마다 불일치하게 페이지를 보여 주게 됩니다. 즉, 일관성 있는 페이지를 보여 줄 수 없게 됩니다. 2.Doctype 구조 1) DOCTYPE DOCTYPE 태그라고 선언 합니다. 2) 최상위 엘리먼트 네임 (RootElementName) html이나 xhtml의 가장 최상위는 무조건 html 태그이기 때문에 html로 작성합니다. 3)국제적 ..추천 -
[비공개] 폰트 사이즈 px와 em, %, pt 값 계산해 주는 사이트
※ 폰트 사이즈 px을 em으로 계산 해주는 사이트 입니다. http://riddle.pl/emcalc/ ※ 폰트 사이즈 px과 em, %, pt값계산 해주는 사이트 입니다. http://pxtoem.com/추천 -
[비공개] 스크롤이 생길경우 background 짤림현상
네비게이션에 background를 100%로 했을경우 아래 스크롤바가 생기지 않는 상태에서는 정상적으로 나옵니다. 하지만 아래 스크롤이 생길 경우에서는 스크롤이 끝나는 부분에서 부터 background가 정상적으로 나오지 않는 현상이 발생합니다. 아래 스크롤이 없는 경우 아래 스크롤이 있는 경우 이럴 경우는 min-width라는 속성을 사용하면 되는데요. 사용된 소스는 아래와 같습니다. css #top, #foot { width:960px; height:50px; margin:0 auto; } #navi { height:30px; min-width:960px; } #navi_bg { width:100%; height:30px; background:#ddd; } #navi_con { width:960px; height:30px; margin:0 auto; } #content { width:960px; margin:0 auto; } html TOP MENU NAVI CONTENTS FOOTER 이렇게 하면 아래 스크롤바가 생겨도 background가 짤려서 보이는 현상이 없어집니다.^^ ** max-width Box의 최대폭을 정한다. 초기값..추천 -
[비공개] 웹표준 테이블 관련 설명
테이블 타이틀, 목적 테이블 관련1 테이블 관련2 테이블 관련3 테이블 관련1-4번 내용 테이블 관련1-5번 내용 테이블 관련1-6번 내용 테이블 관련1-1번 내용 테이블 관련1-2번 내용 테이블 관련1-3번 내용 ▣ thead, tbody, tfoot 여러개의 행을 하나의 그룹으로 묶어주는 엘리먼트 입니다. 테이블 안에서 이 3개의 태그는 사용이 제한이 있는데 thead와 tfoot는 한 테이블에서 하나만 작성을 할 수가 있 습 니다. 하지만 tbody의 경우는 여러번 사용해도 무방합니다. thead의th 태그를 적용하면 글자가 bold체로 굵게 표시되고 가운데 정렬을 하게 됩니다. ▣ summary 표의 목적이나, 음성, 점자등 보이지 않는 메디아 표현의 구조를 제공합니다. 해당 테이블의 내용이 뭔지를 축약적으로 나타..추천 -
[비공개] 표준 문서 형식
1) HTML 2.0 표준 문서 형식 2) HTML 3.2 표준 문서 형식 3) HTML 4.01 표준 문서 형식 4) XHTML 1.0 표준 문서 형식 5) XHTML 1.1 표준 문서 형식 XHTML 1.0 표준 문서 형식 - 제일 많이 쓰임(일반형식) Untitled Document XHTML 1.0 표준 문서 형식 - 엄격한 규격 Untitled Document 'DOCTYPE 문서형식' 카테고리의 관련글 2010/03/28 - [Html] - DOCTYPE 의 정의추천
1510개
1044849개
715273개
