offfff

The value Attribute value 속성은 입력칸의 초기값을 설정하는 정의한다. First name: 실행결과는 아래와 같다. First name: The readonly Attribute readonly는 입력칸의 내용을 바꿀 수 없도록(입력전용) 정의하는 속성이다. First name: value 속성 예제와 똑같은 input을 생성하지만 클릭과 수정이 불가능하다.실행결과는 아래와 같다. First name: The disabled Attribute disabled는 입력칸을 사용하지 못하게 막는 속성이다.회색으로 변하면서 어떠한 입력도 불가능하다.readonly와 비슷하지만, 차이점은 submit시에 내용을 보내지 않는다는 것이다. First name: 실행결과는 아래와 같다. First..

HTML Input Types element의 다른 여러 종류를 알아본다. Input Type Text 는 한 줄 짜리 텍스트 입력 칸을 정의한다. First name: Last name: 위 코드는 아래와 같이 표시된다. First name: Last name: HTML Input Password 는 패스워드 입력 칸을 정의한다.이곳에 입력하면 문자를 볼 수 없게 기호(* 혹은 ●)로 바꿔준다. User name: User Password: 실행결과는 아래와 같다. User name: User Password: Input Type Submit 은 form-handler로 데이터를 제출하는 버튼을 정의한다.form-handler는 보통 입력한 데이터를 처리하는 스크립트로 된 서버 페이지이다.form-ha..

The Element form element 중에서 가장 중요한 element이다. element는 type 속성에 따라 몇가지 다른 방법으로 표시된다. 다음 chapter에서 따로 다루도록 한다. The Element element는 drop-down 리스트를 정의한다. Volvo Saab BMW Audi element는 선택 가능한 옵션을 정의한다. 기본적으로 drop-down 항목의 첫 항목이 선택되어 나타나는데 selected 속성을 줘서 다른 항목이 선택되어 나타나게 할 수 있다. 실행 결과는 아래와 같다. Volvo Saab BMW Audi The Element element는 여러 행을 입력하는 input 이다. The cat was playing in the garden. rows 속성은 ..

The Element element는 사용자의 입력을 처리하는데 사용되는 form을 정의한다. element의 내용으로는 텍스트 필드, 체크박스, 라디오버튼 등의 element들이 들어간다. The Element element는 form element 중에 가장 중요하다. element는 type 속성으로 화면에 표시되는 방법을 바꿀 수 있다. 후에 더 다루겠지만, 여기서 몇가지를 소개한다. Type Description 한 줄 짜리 텍스트 입력 칸 정의 라디오(선택) 버튼 정의 form 제출 버튼 정의 Text input 기본적으로 20글자를 입력할 수 있는 텍스트 입력칸 예제이다. Firstname: Lastname: 출력은 아래와 같다. Firstname: Lastname: Radio Button ..

What Is XHTML? - XHTML은 eXtensible HyperText Markup Language의 약어이다.- XHTML은 HTML과 거의 동일하다.- XHTML은 HTML보다 더 엄격하다.- XHTML은 XML 어플리케이션으로 정의된 HTML이다.- XHTML은 대부분의 주요 브라우저가 지원을 한다. Why XHTML? 인터넷 상의 많은 페이지는 좋지 않은 HTML을 포함하고 있다.아래 HTML 코드는 HTML의 규칙을 따르지 않았음에도 불구하고, 대부분의 브라우저에서 잘 동작한다. ... some content ... XHTML Element Must Be Properly Nested(끝 태그 작성 순서를 올바르게 하자) HTML에서 아래와 같은 실수를 하는 경우가 있다. This tex..

HTML Encoding(Character Sets) HTML 페이지를 정확히 표시하기 위해, 웹 브라우저는 어떤 케릭터 셋을 사용해야 하는지 알아야 한다. What is Character Encoding? 아스키코드(ASCII)는 첫번째 케릭터 인코딩 표준(케릭터 셋)이었다.아스키코드는 127개의 다른 인터넷에서 사용될 수 있는 영숫자 집합을 정의했다.0~9, 알파벳(A~Z), 그리고 특수문자 등이 속한다. ANSI(Windows-1252)는 256가지 다른 문자코드를 지원하는 윈도우즈 케릭터 셋이다.ISO-8859-1은 HTML4의 기본 케릭터 셋인데, 이것도 256가지 문자코드를 지원한다.ANSI와 ISO-8859-1은 제한적이었기 때문에, HTML5에서는 기본 케릭터 셋이 UTF-8로 바뀌게 되었..

HTML Symbol Entities HTML 엔티티는 저번 chapter에서 다뤘다.많은 수학, 기술, 화폐단위 등의 심볼들은 키보드에 나와있지 않다.그런 심볼을 HTML 페이지에서 사용하려면, HTML 엔티티 이름을 사용하면 된다.만약, 엔티티 이름이 없으면, 엔티티 번호를 사용한다. 아래 예제는 엔티티 이름, 10진수 엔티티번호, 16진수 엔티티번호로모두 유로 기호를 표시하는 예제이다. €€€ Some Mathematical Symbols Supported by HTML 전체 수학기호는 여기를 클릭해서 참고한다. Char Number Entity Description ∀ ∀ ∀ FOR ALL ∂ ∂ ∂ PARTIAL DIFFERENTIAL ∃ ∃ ∃ THERE EXISTS ∅ ∅ ∅ EMPTY SE..

HTML Entities HTML의 예약어( 등)들 때문에 대체해서 써야하는 문자들이 있다.그런것 들을 HTML Entity라고 하고, 아래와 같은 포멧으로 작성된다. &(엔티티 이름); 혹은 &#(엔티티 번호); 예를 들어 '

What is Responsive Web Design? 반응형 웹 디자인(Responsive Web Design)은 웹페이지를 모든 디바이스에서 잘 보이게 해준다.같은 홈페이지더라도, 데스크탑, 스마트폰, 태블릿 등 기기에 따라 맞는 화면을 보여준다.반응형 웹 디자인은 CSS와 HTML을 사용해서, 어느 화면에서도 잘 표시될 수 있게,내용을 리사이즈, 숨김, 줄임, 늘임, 재배치 등의 동작을 수행해서, 화면에 적절히 표시한다. Create Your Own Responsive Design 반응형 웹을 직접 만들 수도 있다. 반응형 웹 디자인 예제ParisParis is the capital city of France New YorkNew York is the most populous city in the ..

HTML Layout Elements 웹페이지는 신문이나 잡지처럼 화면이 여러 부분으로 나뉜다.HTML5는 여러 부분으로 나뉘어진 화면 각 부분을 element로 제공한다. - 웹 페이지의 가장 윗 부분을 정의 - 네비게이션 링크(메뉴)를 정의한다. - 문서의 부분이 되는 문단을 정의 - 문서의 독립적인 내용을 담는 문단을 정의 - 사이드 바처럼 내용에서 옆으로 빠진 부분 - 웹 페이지의 가장 아랫 부분을 정의 - 추가적인 세부사항을 정의 - 요소의 제목(요약)을 정의 HTML Layout Techniques 멀티컬럼 레이아웃을 만들기 위한 4가지 방법이 있다. 각각 장단점이 있다. HTML Tables element는 본래 레이아웃으로 사용하기 위한 element는 아니다.은 데이터를 표로 정리하기 위..