전화번호 검증 방법에 대해서 간단하게 작성해 보겠다. 전화번호 : pattern : [0~9까지 3자리] - [0~9까지 4자리]- [0~9까지 4자리] title : 입력 칸에서 제공하는 힌트 이상이다
html
HTML 입력에 대해서 웹에서 사용자가 입력한 내용을 서버로 보낼 때, 사용한다. 대표적인 예시로 회원가입 및 로그인이 있다. 입력 양식의 작동 방식 1. 사용자는 입력 양식에 데이터를 채워서 서버로 보낸다. 2. 서버는 입력 양식을 받아 JSP와 같은 서버 스크립트로 보낸다. 3. JSP는 입력 데이터를 처리하여 새로운 웹페이지를 생성한다. 4. 입력에 대한 응답으로 새로운 웹페이지가 전달된다. 이렇게 글로 보면 어려우니 쉽게 설명하겠다. 1. 브라우저가 웹 페이지를 로드한다. 2. 사용자가 데이터를 입력 후 submit 버튼을 눌러 입력 양식을 웹서버로 전송한다. 3. 웹 서버는 양식을 받아 서버 스크립트를 통하여 처리하고 응답 페이지를 생성하여 사용자에게 보내준다. 요소에 대해서 위처럼 form 내..
오늘은 시맨틱 웹 및 태그에 대해서 작성하겠다. 시맨틱 웹이란? 웹 3.0이라고도 불리며 W3C에서 설정한 표준을 통해 웹을 확장한 것이다. 시맨틱 웹의 목표는 인터넷상의 데이터를 다양한 기계들이 읽고 이해할 수 있도록 만드는 것이다. 기존의 우리가 사용한 와 같은 태그들은 문서의 구조에 대한 정보를 주지 않는다. 시맨틱 요소들은 브라우저에게 요소의 의미 및 목적을 명확하게 알려주는 요소이다. 지금부터 시맨틱 요소들에 대해서 설명하겠다. 시맨틱 요소 header : 문서의 머리말 hgroup : h1에서 h6요소들의 그룹 nav : 내비게이션 링크 article : 문서의 내용이나 블로그의 포스트 section : 문서의 섹션 aside : 사이드 바와 같이 옆에 위치하는 내용 footer : 문서의 꼬..
오늘은 여러 태그에 대해서 작성하겠다. 주의할 점 태그 이름은 대소문자를 구별하지 않는다. 와 는 같은 의미이다. 하나의 요소 안에 다른 요소들이 포함될 수 있다. 예를 들어 태그 안에 태그가 있다는 의미이다 뭐 당연한 소리니까 시작 태그와 종료 태그 사이의 연속된 공백은 하나의 공백으로 취급한다. 속성 HTML 요소는 속성을 가질 수 있다. 속성은 요소에 대해 추가적인 정보를 제공한다. 속성의 종류 class : 요소의 클래스 이름 id : 요소의 아이디 style : 요소에 대한 인라인 CSS 스타일 title : 요소에 대한 추가 정보, 툴팁으로 표시된다. 텍스트 표시 텍스트는 특별한 태그없이도 텍스트 안에서 표시할 수 있다. 하지만 단락을 생성하지 않으면 모든 텍스트가 연결되어서 하나의 긴 줄로 ..
