HTML

[2021/12/15]국비지원 HTML5 코딩툴 기본학습 7-(1)-{1} form 예제

이 날의 과정 1. form 복습 + form 예제 이미지 마크업 해서 수업 중 과제로 제출 2. video 태그 3. audio 태그 4. 기타 요소 태그 5. 한국남부발전공사 공지사항 페이지 마크업 예제 이미지 : Step 1: 로그인 정보 아이디 비밀번호 비밀번호 확인 회원 등급-이거 틀림 Step 2: 개인 정보 이름 메일 주소 연락처 Step 3: 코딩 숙련도(상,중,하) 결과물: 더보기 지금은 쓰이지 않는 구닥다리 center 태그로 제출 버튼에 정렬을 준 특이성 있음 (그냥 이거 써보면 뭔가 가운데 정렬이란 의미 아냐? 싶어서 center 썼던 기억이...) 회원등급-이거틀림 은 겉보기에는 datalist 띄우는 부분이 아닌 고로.. 진짜 제출 후에 틀린 게 확인된 부분

[2021/12/15]국비지원 HTML5 코딩툴 기본학습 7-(1) form 복습

이 날의 과정 1. form 복습 + form 예제 이미지 마크업 해서 수업 중 과제로 제출 2. video 태그 3. audio 태그 4. 기타 요소 태그 5. 한국남부발전공사 공지사항 페이지 마크업 첫 타자로 올릴 내용은 14일에 이은 form 복습이고, 새로운 input 타입을 배운 부분. 1. 카드 타입 선택 : 이 당시 배운 방식은 input type=text를 먼저 입력한 후 datalist를 넣어 따로 선택지를 출력하고 선택해서 text에 출력시키는 방법이었음 2. input type="datetime-local" : 유효기간 및 날짜를 선택, 입력할 수 있는 태그 type유형에 date, month, week, time도 있음 3. input type="file" : 이미지 업로드, 파일 ..

[2021/12/14]국비지원 HTML5 코딩툴 기본학습 6-(4) form 양식 복습

키친 파스타를 마크업 한 후에는 form 양식을 복습 form 양식 중에서 새로 배운 것 1. input type = number : 개수 선택, 또는 연령 선택에서 주로 쓸 수 있는 2. input type = color : RGB 색상 선택 3. input type = range : 슬라이드 바로 범위 출력 가능 개인정보입력 이름 비밀번호 전화번호 주문내용 상품명 주문개수 상품검색 상품검색 사이트 주소 입력 메일주소 배송 주소 결제 방법 추가선택사항 색상선택 form 양식은 어떻게 코딩하는 게 좋을까...? 담임 강사는 ul, ol, dl로만 마크업 하시던데 실제 사이트들 보면 div로만 묶는 경우도 있고.. 간단하게 항목 1개만 필요한 경우 form fieldset 없이 그냥 label input으..

[2021/12/14]국비지원 HTML5 코딩툴 기본학습 6-(3) 수업 중 과제 : N사 오늘의 키친 페이지 마크업

앞서 올린 베이킹 파트를 html5 마크업 한 후에는 동일한 언제 적 키친의 파스타 파트를 마크업 해서 수업 중 제출한 과제이다. 본래의 구도는 이러하다. 본문 바로가기 오늘의 키친 요리사의 밥상 푸드 온 키워드 나의 최고의 레시피 초간단 5분 요리 주말 도전요리 스페셜데이 내 몸을 위한 요리 블로그 소개 의 국수 문화를 아시아와 중동, 유럽을 넘나들며 조명한 KBS 다큐멘터리 를 보셨는지요? 제3편 '파스 타 오디세이'에는 파스타와 관련된 흥미로운 기록과 문명의 흔적들이 나옵니다. 그중 영국 옥스포드 대학의 보들라이언 도서관에 보관된, 1154년에 쓰여진 아라 비안 학자의 지리서가 있는데요. 이 책에 이탈리아 남부 시칠리아 섬의 트라비아라는 작은 마을의 지형과 생활상을 묘사한 부분에서 파스..

[2021/12/14]국비지원 HTML5 코딩툴 기본학습 6-(1) N사 오늘의 키친 layout only버전

과제 몰아닥친 css까지의 사이트 마크업 시간이 지나고, 개인 PT 24회도 이제 슬슬 끝물이 다 되어가고. 1월 10일부터 담임 강사가 사정 상 3주 자리를 비우고 대타 강사에게서 디자인 수업을 들은 관계로 명절 동안 시간이 많이 생겨서 드디어!! 12월 13일부터 1월 7일까지 밀린 모든 코딩 기록들을 업로드해보고자 한다. 만, 1월 10일 직전 며칠간은 기업 사이트 ( S사 계열 전기 마크업 )만 마크업 했던지라 상세 특징들은 올리지 않을 듯. 다만 내가 당시에 클론하면서 생각하기에 의문점이 들었고, 태그의 의미 상으로도 이건 이렇게 해야 할 것 같은데 싶었던 파트만 나중에 집어서 올리려고 함 ( 디자인 기간의 내용은 업로드 하지 않을 예정. 디자이너/퍼블리셔 진출은 생각도 하지 않습니다. 쇤네는 ..