Code-Jaram blog

1. overflow: 자식 요소가 부모 요소의 범위를 벗어날 때 어떻게 처리할지 결정 (사용방법)overflow: 속성 visible일 때 hidden일 때 scroll일 때 auto일 때 2. float: 요소를 띄워서 배치하는 속성(요소끼리 겹치지 않게 배치) 3. css 선언방식 1)내장방식: HTML 문서 head 태그 안에 style 태그를 생성하여 디자인 작성 2)인라인 방식: HTML 요소에 직접 style 속성을 사용해서 디자인 작성 -명시도가 높으므로 내장방식 작성 권장 3)링크방식 : link 태그를 이용해서 스타일이 작성된 외부 문서를 연결 →외부문서가 style 태그 자체가 되는 것 →외부문서가 style 태그 자체가 되는 것 4. 웹폰트 사용하기 폰트사이트(눈누)-폰트선택-웹폰트..

CSS_02_영역 지정 문서의 크기 단위 em: 부모 태그의 글자 크기를 기준으로 상대배수 단위 rem: 웹브라우저 문서 기본 크기를 기준으로 상대배수 단위 2. display: 요소가 화면에 보이는 방식 지정 block: 웹페이지의 가로 한 줄 공간을 모두 차지하는 속성 예)div, p, h1, ul, ol table 태그, 너비(width)와 높이(height)를 설정할 수 있다. inline: 입력한 내용의 크기만큼 영역을 차지하는 속성 예)span, a, strong, textarea, 너비(width)와 높이(height)를 설정할 수 없다. none: 해당 요소를 보이지 않게 지정 #none영역을 제목 클릭 시 보이도록 설정하기 3. 공간분할태그: 경계를 분할하거나 영역을 나눌 때 사용하는 태..

CSS_01_선택자 CSS: Cascading Style Sheet HTML문서의 스타일을 꾸밀 때 사용하는 스타일 시트언어 HTML->정보 CSS->디자인 태그마다 스타일을 지정할 필요가 없어 정보와 디자인을 분리하여 사용할 수 있다. Style 지정하기 공복에 좋은 음식 사과 블루베리 양배추 감자 당근 견과류 [실습] CSS Diner https://flukeout.github.io/

1. 이미지 태그: 웹페이지에 이미지를 보여주는 태그 -src: 이미지경로 -alt: 이미지에 대한 설명(이미지 주소가 변경되어 불러올 수 없는 경우를 대비) 1)절대경로로 이미지 불러오기: 이미지 주소복사하여 속성 scr “ ” 에 넣기 2)상대경로로 이미지 불러오기 ./ 현재 폴더기준(생략 가능): 현재문서가 위치한 폴더와 같은 폴더 안의 파일에 접근할 때 ../ 상위 폴더 기준(생략 불가): 현재 문서위치한 폴더의 상위폴더에 접근할 때 사용 / 루트 폴더 기준(생략불가): 최상위의 폴더, 상위폴더(../)를 많이 써야할 때 사용 ../사용예시 -루트 폴더=Web_Study -img태그(현재문서)의 폴더=HTML -하이라이스 이미지의 폴더=IMG -HTML폴더에서 나가서 IMG 폴더에 접근해야 함 2..

1. 웹의 역사 인터넷 VS 웹 -웹이 인터넷에 포함되는 개념 -인터넷=통신망 -웹=통신망을 이용하여 제공하는 서비스 -웹브라우저=동영상, 이미지 공유 가능 -플러그인(Active X)-은행, 게임 등 실행시 필요한 프로그램 2. 웹의 동작원리 ● Web Client:클릭한 페이지를 요청(requeset)하는 pc ● Web Server: 클릭한 페이지를 제공(response)하는 pc -client와 server은 역할이 고정되어있지 않고 역할이 뒤바뀔 수 있음 클라이언트의 요청에 서버는 코드형태로 응답 →웹브라우저를 통해 화면으로 제공받음 3. 프로토콜(protocol): 컴퓨터 간 원활한 통신을 위해 만들어진 규약, 요청/응답 방식으로 동작 ● HTTP(Hyper Text Transfer Proto..