목록HTML (107)
투케이2K
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /*=================== [브라우저 단 처리] ===================*/ /* 드랍할 위치 태그에 다른 이벤트가 발생하는 것을 방지 */ function allowDrop(evt) { evt.preventDefault(); }; /* 드래그 시 이벤트 함수 */ function drag(evt) { /* 선택한 div id 값 확인 */ dragId = evt.target.id..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [CSS 소스 코드] /* 부모 div 스타일 지정 */ #static_header_container { width : 100%; height : 100%; margin : 0 auto; padding : 0; border : none; background-color : #92b9d6; /* 컨테이너 배치 정렬 실시 */ float : top; position : relative; top : 4%; left : 0%;..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] 안녕하세요 /* =========================== */ /* =========================== */ [결과 출력] [JS 호출 (전)] [JS 호출 (후)] /* =========================== */ /* =========================== */ [요약 설명] /* [CSS 요소 설명] 1. font-family : 폰..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [CSS 요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] [동영상 재생] [폴더 구조] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2...
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] [사진 표시] [폴더 구조] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] [우선 순위 지정 (전)] [우선 순위 지정 (후)] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [사전 작업] 1. 구글 폰트 제공 사이트에 접속해 > 원하는 폰트 선택 > 폰트 적용 소스코드 복사 실시 /* =========================== */ /* =========================== */ [소스 코드] hello 투케이2K /* =========================== */ /* =========================== */ [결과 출력] [일..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] [HTML 소스코드] [CSS 소스코드] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부) 여백 설정 5. padding : 패딩 (내부) 여백 설정 6. border : 테두리 (선) 표시 설정 7. background : 배경 표시 설정 8. display : 화면..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ /* =========================== */ [결과 출력] [폴더 구조] [이미지] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] [브라우저] [모바일] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] [브라우저 화면] [모바일 화면] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 안녕하십니까! 만나서반갑습니다 /* =========================== */ [결과 출력] [auto 설정] ..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] 안녕하십니까! 만나서반갑습니다 /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정..
/* =========================== */ [ 개발 환경 설정 ] 개발 툴 : Edit++ 개발 언어 : html, css, js, jquery /* =========================== */ /* =========================== */ [소스 코드] /* =========================== */ [결과 출력] /* =========================== */ /* =========================== */ [요약 설명] /* [요소 설명] 1. font-family : 폰트 표시 형태 스타일 지정 2. width : 가로 크기 지정 3. height : 세로 크기 지정 4. margin : 마진 (외부..