HTML/HTML 기초 (28) 썸네일형 리스트형 [HTML] input의 여러가지 형태 html에서 input 타입에는 여러가지가 있다. email과 url 양식은 자체적으로 유효성 검사를 하는 기능이 있어서, 입력 형식 오류 시 에러를 반환해 주어 편리하다. number는 사용자의 수치 데이터 입력을 쉽게 하기 위해 스핀 컨트롤을 클릭하거나 직접 숫자를 입력하는 양식으로, type=“number”를 지정한다. range는 슬라이드 컨트롤로 숫자의 크고 작은 정도를 표현하는 입력양식으로 type=“range”를 지정한다. min, max, step, value의 속성값은 모두 생략할 수 있으며, 생략하는 경우 초기값, 간격값은 각각 “1”로 지정된다. file은 사용자의 컴퓨터에 있는 파일을 선택하여 서버로 전송하는 양식으로 type=“file”을 지정한다. search는 찾고자 하는 정보.. [HTML] filedset으로 묶어서 사용해보기 fileset은 filset안에 있는 태그들을 하나로 묶어서 표현하므로써 좀 더 깔끔하게 화면에 보여질 수 있다. fileset의 제목 로그인 정보 아이디 비밀번호 비밀번호 확인 개인 정보 이름 이메일 연락처 블로그/홈페이지 [HTML] radio box, check box 사용하기 radio box는 동그란 모양으로 단일 선택을 할 수 있고 chech box는 네모 모양으로 복수 선택이 가능하다. box는 같은 name을 갖고 있어야 하나의 그룹으로 묶어진다. 성별 구분 남자 여자 취미 활동을 선택하세요. 등산 골프 마라톤 form 형식에서 데이터 보내는 방법을 사용하여 작성하였다. 데이터를 외부로 보낼때는 box에 설정된 value 값이 전송된다. 수강 분야(다수 선택 가능) 문법 작문 독해 수강 과목(1과목만 선택 가능) 영어회화 일본어회화 중국어회화 [HTML] FORM 실습하기 GET 방식 – 클라이언트에서 서버로 전달하는 데이터를 URL 주소 뒤쪽에 변수명과 데이터를 붙여서 전송. 보내는 데이터의 양이 적을 때 사용. POST 방식 – 클라이언트에서 서버로 전송하는 데이터를 FORM 안에 담아서 전달하며 데이터의 양이 많을 때 사용. name=“폼명” 폼명을 지정하는 속성으로, 하나의 웹 페이지에 여러 개의 폼이 있는 경우 각각의 폼을 구분하기 위해 사용한다. method=“전송 방식” 폼 입력 데이터의 서버 전송 방식을 지정하는 속성으로. GET방식과 POST 방식이 있고 기본값은 GET 방식이다. action=“프로그램명” 폼 입력 데이터를 처리할 서버용 프로그램(CGI, ASP, PHP 등)을 지정하 는 속성으로, 서버와 사용자 간의 상호 정보 교환을 실행한다. nova.. [HTML] table에서 thead, tbody, tfoot 사용해 보기 - 2 컴퓨터 주변 기기 주변 기기 이미지 주변 기기 이미지 마우스 프린터 신청 연락처 02-123-4567 [HTML] table에서 thead, tbody, tfoot 사용해 보기 - 1 지역 평년값(1981~2010) 최근5년(2011~2015)평균 강수일수(일) 강수량(mm) 강수일수(일) 강수량(mm) 중부 172 366.4 189(+9.9%) 391(+6.9%) 남부 171 348.6 170(-0.6%) 293.5(-15.8%) 제주 183 398.6 174(-4.9%) 386.2(+3.1%) 전국 171 356.1 178(+4.1%) 355(-0.3%) [HTML] <table> 태그 사용해보기 - 2(colgroup) colgroup은 열마다 style을 지정해 줄 수 있다. 이름 연락처 주소 자기소개 각 칸의 빈칸은 태그를 이용해서 text형태로 작성하였다. [HTML] <table> 태그 사용해보기 - 1 테이블을 구현해보자. 칼럼명 행 열 표 제목 표만들기 예제 표의 구조는 제목, 행, 열로 표시된다. 제목1 제목2 제목3 1행 1열 1행 2열 1행 3열 2행 1열 2행 2열 2행 3열 colsapn과 rowspan을 이용하여 칸을 합칠 수 있다. rowspan 열 합치기 colspan 행 합치기 성명 성취평가 컴퓨터 일반 웹 프로그래밍 이순신 98 100 이전 1 2 3 4 다음
