GPD2021

첫째 날 배우고 그냥 넘어갔던 게 있었다. 아이디: 패스워드: 패스워드 확인: 생년월일: input 특성 유형 설명 placeholder password, search, tel, text, url 양식 컨트롤이 비어있는 때 양식 컨트롤에 나타나는 내용 양식 컨트롤? 뭐 어렵게 적혀 있는데 그림으로 보면 한 번에 이해가 된다. 박스 안에 아이디나 비밀번호를 입력하면 내용이 들어가게되면서 양식 컨트롤이 비어있는 상태가 아니기 때문에 placeholder로 지정해준 내용은 사라진다. 과제) 네이버 로그인 화면 비밀번호 박스 만들기. 아이디 @naver.com 비밀번호 저번에 과제로 네이버 회원가입 화면을 한번 그대로 따라해봤는데, 그때는 뭐 소스코드를 보고 따라한 게 아니라 화면에 보이는 대로 따라 했었다. ..

*{margin:0; padding:0;} html{ overflow-x: hidden; overflow-y: auto; } ul,li { list-style: none; } #wrap{ width:100%; } #header{ width:1600px; height:110px; margin: 0 auto; } #logo{ float:left; display:inline-block; margin: 20px 0 0 0 ; height: 100px; width: 200px; } #gnb{ float:right; } #gnb > ul > li{ float:left; padding:40px 0; width:180px; } #gnb > ul> li > a { color:#004385; font-weight:bold..

★코드의 중복을 피할 것. ex) 헤더 높이 180 , 로고 높이 180, gnb 높이 180 X -> 헤더 높이만 180으로 지정 O 과제: 오늘 처음 써본 css 태그 어떤 내용인지 정리하기. #visual{ height: 500px; text-align: center; /* overflow:visible; */ } /* .visual_img{ width:1920px; margin:0 auto; } */ #container{ margin: 0 auto; width: 100%; height: 200px; } #contents{ /* 사이트에 표시될 컨텐츠의 영역을 정의한다. */ width: 1200px; height: 100px; margin: 30px auto 0 auto; } .con_notice..

과제) 헤더 혼자 힘으로 만들어보기. 첫 번째 수행 코드와 출력은 다음과 같다. 학교소개 교육과정 취업현황 커리큘럼 상담신청 *{ margin: 0; padding: 0; } ul,li{ list-style: none; } #wrap{ margin-top: 30px; } #header{ width: 1200px; height: 102px; margin: 0 auto; } #logo{ float: left; width: 176px; height: 62px; margin-top: 20px; } #gnb{ width: 900px; height: 102px; float:right; } #gnb>ul>li{ float: left; color: #004385; font-weight: bold; font-size: ..

학교소개 교육과정 취업정보 커뮤니티 상담신청 main flash 1 2 3 4 5 copyright © All reserved *{margin: 0;padding: 0;} #wrap { width: 100%; } ul,li{list-style: none;} #header{ width: 1000px; margin: 0 auto; height: 106px; } a{ text-decoration: none; color:#004385; } a:hover{ text-decoration: underline; } .logo{ margin-top: 20px; display: inline-block; } .gnb{ float: right; } .gnb>ul>li{ float: left; display:inline-blo..

앞에서 만들었던 html 파일에 css적용 ×4개 이상. 선택자로 각 영역을 지정하여 바꾸기. 글자 색, 배경색, 버튼의 넓이, 높이, 글자 폰트. 등등 적용. 아이디

아이디: 패스워드: 패스워드 확인: 생년월일: 성별: 남자 여자 전화번호: - - 취미생활: 독서산책TV시청 회원가입하기 *성별에 대한 radio box를 만들 때 남자, 여자 둘 중 하나만 선택해야하기 때문에 를 통해 묶어서 하나만 선택할 수 있게 한다. 취미생활도 하나만 선택하게 하고 싶었는데 name ="hobby"로 묶어줘도 전부 선택할 수 있었다. 라디오 박스와 체크 박스의 차이를 알지 못해 이런 시도를 했던 것이다. 라디오 박스와 체크 박스에 대한 설명은 다음과 같다. 라디오 단추 또는 옵션 단추는 그래픽 사용자 인터페이스의 요소 가운데 하나로, 사용자가 미리 정의된 선택 사항의 모임 중 하나만 선택할 수 있게 한다. 체크 상자 또는 체크 박스(check box)는 컴퓨팅에서 그래픽 사용자 인..

경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 경일아카데미 이곳은 영역입니다. 이곳은 영역입니다. 안녕하세요. 1 안녕하세요. 2 안녕하세요. 3 안녕하세요. 4 한칸 띄기 안녕하세요. 반갑습니다. 문단나누기 버튼 남자 여자 영화 *한글 깨짐 -인코딩 문제 안에 삽입. *HTML은 head 부분과 body로 구성 body가 화면에 보이는 부분을 다룸. *영타 연습 필요함. 영타보다 ""/ 같은 거 치는 게 좀 힘듦.