웹디자인 기능사 실기 17강 2장 최다빈출 모형 html

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=a8LdoPzrSHA

웹디자인 기능사 실기편입니다 (html, css, javascript) • 책은 영진닷컴(이기적) 웹디자인기능사 실기 24년 버전이며 • 블로그에 책자료는 따로 올려놓겠습니다 • 〈!DOCTYPE html〉 • 〈html lang= ko 〉 • 〈head〉 • 〈meta charset= UTF-8 〉 • 〈meta name= viewport content= width=device-width, initial-scale=1.0 〉 • 〈title〉코리아은행〈/title〉 • 〈link rel= stylesheet href= css/style.css 〉 • 〈script src= javascript/jquery-1.12.3.js 〉〈/script〉 • 〈script src= javascript/script.js 〉〈/script〉 • 〈/head〉 • 〈body〉 • 〈header〉 • 〈div class= wrap 〉 • 〈div class= logo 〉 • 〈a href= # 〉 • 〈img src= images/logo.png alt= 로고 〉 • 〈/a〉 • 〈/div〉 • 〈nav class= menu 〉 • 〈ul class= navi 〉 • 〈li〉〈a href= # 〉개인〈/a〉 • 〈ul class= submenu 〉 • 〈li〉〈a href= # 〉조회〈/a〉〈/li〉 • 〈li〉〈a href= # 〉이체〈/a〉〈/li〉 • 〈li〉〈a href= # 〉공과금〈/a〉〈/li〉 • 〈li〉〈a href= # 〉예금/신탁〈/a〉〈/li〉 • 〈/ul〉 • 〈/li〉 • 〈li〉〈a href= # 〉기업〈/a〉 • 〈ul class= submenu 〉 • 〈li〉〈a href= # 〉조회〈/a〉〈/li〉 • 〈li〉〈a href= # 〉이체〈/a〉〈/li〉 • 〈li〉〈a href= # 〉전자결제〈/a〉〈/li〉 • 〈li〉〈a href= # 〉수표/어음〈/a〉〈/li〉 • 〈/ul〉 • 〈/li〉 • 〈li〉〈a href= # 〉금융상품〈/a〉 • 〈ul class= submenu 〉 • 〈li〉〈a href= # 〉저축상품〈/a〉〈/li〉 • 〈li〉〈a href= # 〉대출상품〈/a〉〈/li〉 • 〈li〉〈a href= # 〉투자상품〈/a〉〈/li〉 • • 〈/ul〉 • 〈/li〉 • 〈li〉〈a href= # 〉카드〈/a〉 • 〈ul class= submenu 〉 • 〈li〉〈a href= # 〉카드정보〈/a〉〈/li〉 • 〈li〉〈a href= # 〉카드신청〈/a〉〈/li〉 • 〈li〉〈a href= # 〉이용내역조회〈/a〉〈/li〉 • • 〈/ul〉 • 〈/li〉 • 〈/ul〉 • 〈/nav〉 • 〈/div〉 • 〈/header〉 • 〈div class= bodywrap 〉〈!-- 이미지슬라이드 + 콘텐츠 • 공지사항 + 갤러리가 붙어있을때 --〉 • 〈div class= imgslide 〉 • 〈div class= slidelist 〉 • 〈ul〉 • 〈li〉 • 〈a href= # 〉 • 〈span〉대표 은행, 코리아은행〈/span〉 • 〈img src= images/img1.jpg alt= 1 〉 • 〈/a〉 • 〈/li〉 • 〈li〉 • 〈a href= # 〉 • 〈span〉차원이 다른 코리아은행〈/span〉 • 〈img src= images/img2.jpg alt= 2 〉 • 〈/a〉 • 〈/li〉 • 〈li〉 • 〈a href= # 〉 • 〈span〉더욱 쉬운 오픈뱅킹 서비스〈/span〉 • 〈img src= images/img3.jpg alt= 3 〉 • 〈/a〉 • 〈/li〉 • 〈/ul〉 • 〈/div〉 • 〈/div〉 • 〈div class= contents 〉 • 〈ul class= tabmenu 〉 • 〈li〉〈div class=notice〉공지사항 〈/div〉〈/li〉 • 〈li〉〈div class=gallery〉갤러리 〈/div〉〈/li〉 • 〈/ul〉 • 〈div class= otherwrap 〉〈!-- 배너 + 숏컷 --〉 • 〈div class= banner 〉 • 배너자리 • 〈/div〉 • 〈div class= shortcut 〉 • 바로가기 자리 • 〈/div〉 • 〈/div〉〈!-- otherwrap 마무리--〉 • 〈/div〉〈!-- 콘텐츠 마무리--〉 • 〈/div〉 • 〈footer〉〈!-- 하단메뉴 + 저작권은 위아래로 있음--〉 • 〈div class= wrap 〉 • 〈div class= btlogo 〉 • 하단로고 자리 • 〈/div〉 • 〈div class= site 〉 • 〈div class= btmenu 〉 • 하단메뉴 • 〈/div〉 • 〈div class= copy 〉 • 저작권자리 • 〈/div〉 • 〈/div〉 • 〈/div〉 • 〈/footer〉 • • 〈/body〉 • 〈/html〉 • ------------------------------------------------------- • tip. • HTML 문서에서 주석은 〈!-- 내용 --〉 • 〈header〉 : 머리글 섹션 영역을 지정 • 〈div class=wrap〉 로고와 메뉴 영역을 묶어주기 위한 영역 지정 • 〈nav〉 메뉴 탐색을 위한 내비게이션 영역 지정 • 〈div class=bodywrap〉 이미지 슬라이드 영역과 콘텐츠 영역 전체를 묶어주는 영역 지정 • 〈div class=imgslide〉 이미지 슬라이드 영역 지정 • 〈div class=contents〉 콘텐츠(공지사항, 갤러리, 배너, 바로가기) 영역지정 • 〈footer〉 바닥글 섹션 영역 지정 • • #웹디자인기능사실기, #웹디자인, #html, #css, #javascript, • #와이어프레임, #와이어프레임틀, #header자리, #imgslide자리, • #contents자리 , #footer자리, #bodywrap, #otherwrap, • 링크 • https://blog.naver.com/bong9tv/223543...

#############################

New on site