🔵 실습 1 회원가입정보 아이디 중복확인 영문, 숫자 조합으로 4~12자 이내 비밀번호 영문, 숫자 조합으로 4~12자 이내 비밀번호 확인 이름 생년월일 년 월 일 음력 양력 이메일 휴대전화 - - 직업 직업선택 직장인 사업가 학생 기타 영어수강목적 시험대비 업무상 취미 기타 가입취소 가입완료 * { margin: 0; padding: 0; } ul { list-style-type: none; } input { width: 80px; height: 16px; border: 1px solid #cccccc; } input[type="checkbox"] { margin-top: 1px; } select { width: 80px; height: 20px; border: 1px solid #cccccc; fon..

로그인 MEMBER LOGIN 로그인을 하시면 회원을 위한 다양한 서비스와 혜택을 누리실 수 있습니다. 아 이 디 비밀번호 로그인 자동 로그인 아직 회원이 아니세요? 아이디 또는 비밀번호를 잊으셨나요? body { margin: 0; padding: 0; color: #444444; font-size: 12px; font-family: '돋움', 'Dotum'; } li { list-style-type: none; } #login_title { width: 585px; margin: 50px; padding: 10px; border: 5px solid #e6e2d7; /*font-size: 50px;*/ } #login_box { width: 610px; height: 283px; margin-top: ..

🔵 실습 1 더보기 HTML 삽입 미리보기할 수 없는 소스 영어 교재 안내 수강레벨 코스 A 코스 B 수강기간 세부내용 보기 레벨1 Side by Side 1 American Headway 1 1개월 세부내용보기 레벨2 Side by Side 2 American Headway 1개월 세부내용보기 레벨3 Exploring English 1 2개월 세부내용보기 레벨4 Exploring English 2 2개월 세부내용보기 table, th, td { border: 1px solid #e6ecd4; border-collapse: collapse; } table { color: #444444; font-size: 12px; font-family: '돋움', 'Dotum'; } tr { height: 30px; ..

🔵 실습 1 더보기

form 값을 전달하고 받기 위한 폼을 작성 입력 내용을 그룹화 시켜서 서버에 전달하는 작업 HTML 요소인 태그에 실려 전송되는 데이터 태그에 실어 보낸 데이터는 서버의 컨트롤러가 객체에 담아 받음 form안에는 모든 형태의 태그 사용 가능 form 입력 내용을 그룹화 시켜서 서버에 전달하는 작업 구성 action - 연결페이지 지정(맵핑) method - 전달방식 (get, post) multipart - 여러개의 파일을 전송할 때 get방식 캐시가 가능, 히스토리에 남음, 길이 제한 있음 변수값만 전송 가능 http://localhost:8080/smaple?변수=값&변수=값..... post방식 캐시 불가능, 히스트로이 남지 않음, 길이 제한 없음 파일 전송 http://localhost:8080..

table 태그 이용해서 작성 class에 테이블의 효과 + table-부트스트랩 표형식 🔵 테이블 테마 table-striped 무늬 효과 table-bordered 테두리 효과 table-hover 마우스 효과 table-dark 어두운 테마 table-borderless 선제거 🔵 각 줄에 효과 전체, 각행 등에 적용 가능 table-primary table-success table-danger table-info table-warning 🔵 공지사항 등에서 작은 표 작성할 때 table-sm 작게 효과 🔵 table 구성 기본 tr(행) > td(칸) html5 table>thead(tr>th)(제목) = tbody(tr>td)(본문) = tfoot(tr>td)(분석 결과)