Programming/HTML 썸네일형 리스트형 [HTML] input="file" 파일 지정하기 - input="file" 에서 파일 선택 창에서 선택 가능한 확장자 선택하기 - 일반적으로 input="file" 로 앨리먼트를 생성한 후 파일 추가하기를 누르면 모든 확장자명의 파일이 보여집니다. 하지만 파일 선택 창 오픈 시 특정한 확장자 (.jpg, .xls 등) 만 보여지게 하고 싶다면 아래와 같이 코드를 추가 해 줍니다. 위와같이 input="file" 에 accept 옵션을 추가한 후 파일 선택창에서 보여지게 할 확장자명을 입력해주면 됩니다. - 여려개의 파일 확장자명을 지정 할 경우 - 이미지파일이나 동영상 파일의 경우 여러가지의 확장자명을 가지고 있는데 이럴 경우 위와같이 , 를 사용하여 필요한 옵션 값을 추가 해주면 된다. 더보기 [HTML] a 태그 사용하기 1. a 태그는? - a 태그는 HTML 코딩에서 링크를 만들 때 사용하는 요소입니다. 간단하게 링크를 주기위한 태그 입니다. a 태그의 기본 style a {display:inline; text-decoration:underline; color:#0000ee;} a:active {color:#551a8b;} 2. a 태그에 사용되는 옵션 href a태그를 클릭했을 때 href에 입력 된 주소로 이동합니다. target target 은 a태그를 클릭했을 때 새 창으로 이동 할 지 현재창으로 이동할 지 등 다양한 옵션을 줄 수 있습니다. 이름 기능 _blank 기존 페이지는 유지하면서 링크 이동 _self 현재 페이지에서 해당 링크 이동 _parent 현재 프레임의 부모 프레임에서 링크 이동 _top 최상.. 더보기 [HTML] 유니코 특수문자 리스트 - html 작성 시 특수문자 ({, }, [, ], (, ) 등) 가 정상적으로 표시되지 않을 때 아래의 유니코드로 표시하면 됩니다. 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음- space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (Slash) 0 ~ 9 0 ~ 9 - 0 부터 9 까지의 숫자 : .. 더보기 [blog]개인 블로그 만들기 상단 메뉴바 작업(반응형) 더보기 [웹페이지 모작]KDB 산업은행 최상단 및 상단 메뉴 구현 See the Pen KDB 산업은행 상단1차 by 김기태 (@kkt9102) on CodePen. 아이콘의 경우 hover시 색이 바뀌는 것이 아닌 이미지가 위로 움직이면서 바뀌게 된다 어렵다.... 더보기 [웹페이지 모작] 캐논 컨슈머 이미징 하단메뉴 합치기 See the Pen 하단 head메뉴 ,사이트맵,하단 img, 최하단 메뉴 합치기 by 김기태 (@kkt9102) on CodePen. 더보기 [웹페이지 모작] 캐논 컨슈머 이미징 하단 head 메뉴 구현 See the Pen 하단 head 메뉴 1차 by 김기태 (@kkt9102) on CodePen. 더보기 [웹페이지 모작] 캐논 컨슈머 이미징 하단 사이트맵 바 구현 See the Pen 하단 사이트맵 1차 by 김기태 (@kkt9102) on CodePen. 더보기 이전 1 2 3 다음
