웹 공부중... 내 코딩 정리노트

코드 header banner content footer

코드 header nav side content1 content2 footer

코드 side header contents footer

코드 header nav side_left contents side_right footer

코드 header nav side contents footer

HTML 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. 아이콘Notice 가장 웹 페이지에서 기본이 되는 게시판 유형입니다. CSS /* 컨텐츠 */ .cont {overflow: hidden;padding-top: 30px;} .cont .column {position: relative; float: left; width: 289px; height: 363px; margin: 0 30px 30px 0; p..

데이터 타입(자료형) 변수에는 여러가지 유형이 들어갈 수 있습니다. 프로그램 언어에 있어 가장 기본적인 요소이며,데이터 타입이라고 합니다. 데이터 타입에는 숫자, 문자열, 논리값, 특수값, 심벌, 객체, 배열, 함수 등을 표현할 수 있습니다 숫자(Number) 숫자형(Number) 데이터는 단어 의미 그대로 숫자를 의미. "100"과 같이 큰따옴표가 숫자를 감싸면 숫자가 아닌 문자형 데이터이다. 이 경우에는 Number("100")를 이용하면 문자형 데이터를 숫자형 데이터로 바꿀 수 있다. 기본형 : var 변수명 = 숫자; or Number("문자형 숫자"); { var s = 100; var t = Number("500"); // "500" → 500 document.write(s); // 100 d..

웹 사이트에서 이미지를 표현하는 방법 적은 예시들 공부했던 예시들로 변경 1. HTML 태그 통해서(img 태그) 2. CSS 속성 통해서(background 속성) 3. 이미지 스프라이트 1. HTML 태그를 통해서 : img 태그 이미지 의미가 있을 때 사용합니다. | 예시:로고, 메뉴 alt 태그를 이용해서 대체 문자를 적습니다. *alt 태그 : 이미지가 없을때 출력할 대체 문자 표현 (웹접근성조건) 2. CSS 속성을 통해서 : background 속성 이미지가 의미가 없을 때 사용합니다. | 예시:배경, 색표현 의미가 없기 때문에 대체 문자를 적을 필요가 없습니다 하지만 웹 표준을 준수하기위해 가상 대체문자 기법(ir효과)을 사용하여 대체 문자를 css속성으로 표현합니다 background: ..

변수란? 변수(variables)는 변하는 데이터(값)을 저장할 수 있는 메모리 공간 변수에는 데이터가 오직 한 개만 저장된다. 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워지게 된다. 변수에 저장할 수 있는 데이터의 종류로는 문자형(Srting), 숫자형(Number), 논리형(Boolean), 그리고 빈(Null) 데이터가 있다. 변수 선언 방법 변수를 선언할 때에는 var 키워드를 변수명 앞에 붙인다. 변수명은 한글 사용X / 영문 / 숫자 / 일부 특수 문자(_,$)만 가능 변수를 선언하면 변수명으로 데이터를 저장할 수 있는 공간이 생성. { var x = 100; var z = "javascript"; document.write(typeof x); //number docum..

CSS 단위 [참고] [length 참고] 절대 길이 단위 다음은 모두 절대 길이 단위이며 다른 것과 관련이 없으며 일반적으로 항상 동일한 크기로 간주됩니다. 이러한 값의 대부분은 화면 출력이 아닌 인쇄에 사용될 때 더 유용합니다 단위 이름 설명 cm센티미터1cm = 96px/2.54 mm밀리미터1mm = 1/10th of 1cm Q4분의 1 밀리미터1Q = 1/40th of 1cm in인치1in = 2.54cm = 96px pcPicas1pc = 1/16th of 1in pt포인트1pt = 1/72th of 1in px픽셀1px = 1/96th of 1in 상대 길이 단위 상대 길이 단위는 다른 요소 (상위 요소의 글꼴 크기 또는 viewport 크기)와 관련이 있습니다. 상대 단위를 사용하면 텍스트나..