HTML5

[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-(2) N사 오늘의 키친 페이지 마크업

과거 한 키친 페이지의 베이킹? 부분을 마크업 해 본 날. 이 내용을 마크업 해보았다. 이 때는 CSS3를 배우기 전이라 순수 html5로만 한 상황 본문 바로가기 로그인 아이디 비밀번호 블로거 소개 블로거|쿠쿠이 베이킹을 할수록 행복 지수가 높아져 달콤한 매력에 빠져 있어요. 마법의 베이킹에서 빠져나오는 대신, 행복한 베이킹의 매력을 많은 분들과 느끼고 공유하고 싶어 시작했어요. 건강하게 먹거리를 만드는 베이킹 속으로 함께해요. 질문과 답변 닉네임에 얽힌 사연이 있나요? 예전에 하와이에 잠시 살았던 적이 있는데요, 그때 Kukui st. (쿠쿠이 스트리트)에 살았어요. 사실 쿠쿠이는 쿠쿠이 나무(Candlenut Tree)를 말하는 것인데요, 저는 그 나무를 생각해서 닉네임을 지었기보다는 하와이 Kuk..

[2021/12/13]국비지원 HTML5 코딩툴 기본학습 5-(3)-{1} 원래 내가 짰던 제출코드

진짜 단순하게 그냥 예제 거의 그대로 입력했었음. 그러다 급하게 순번제 ol 사용해야 되는 거 알고 다시 작성했던 게 좀 전 꺼. 그래서 휴대전화 input id 설정 해줘야하는데 안 사용하고 그냥 막 형식적으로만 완성해서 제출했었더랬다.... 예제) 원래 작성했던 코드) 필수 입력 항목 * 이름: 홍길동 주의! 아이디는 영문자와 숫자만을 사용하여 4글자이상 16글자 이하로 작성해 주세요. * 아이디: 주의! 비밀번호는 보안을 위해 영문자, 숫자 및 특수문자등을 조합하여 작성하시기 바랍니다. 주의! 비밀번호는 보안을 위해 4글자이상으로 작성해 주세요. * 비밀번호: * 비밀번호확인: 안내! 우편번호를 모를 경우에는 빈칸으로 두고 주소만 제대로 입력하시면 됩니다. 우편번호: 주의! 주소는 [시/도][시/구..