웹(56)
-
메타데이터 - META 태그
META 웹 페이지 정보, HTML 문서(웹페이지)에 관한 정보(표시 방식, 제작자(소유자), 내용, 키워드 등)를 검색엔진이나 브라우저에 제공 속성 의미 값 charset 문자인코딩 방식 UTF-8, EUC-KR 등 name 검색엔진 등 제공하기 위한 정보의 종류(메타 데이터) Author, description, keywords, viewport 등 content name 이나 http-equip 속성의 값을 제공 ※ META 태그 문서 HTML 요소 레퍼런스 MDN : https://developer.mozilla.org/ko/docs/Web/HTML/Element 속성 charset 문자 인코딩 방식 UTF-8 : 조합형(ㅈ ㅏ ㅂ ㅏ ㅅ ㅡ ㅋ ㅡ ㄹ ㅣ ㅂ ㅌ ㅡ) EUC-KR : 완성형(자 ..
2019.11.24 -
CSS - 블럭 / 인라인
블록(Block), 인라인(Inline) 블록 요소 DIV, H1, P 등 사용 가능한 최대 가로 너비를 사용 크기 지정 가능 (width: 100%; height: 0; 으로 시작하도록 동작) 수직으로 쌓임 margin, padding 위, 아래, 좌, 우 사용 가능 레이아웃을 위한 용도로 사용 default 속성 : display: block; 인라인 요소 SPAN, IMG 등 필요한 너비 만큼만 사용(자신에게 포함된 내용 만큼만 가로 너비로 사용) 크기 지정 할 수 없다. (width:0;height:0; 으로 시작하도록 동작, 내용에 의해 너비/높이 만큼 지정) 수평으로 쌓임 margin, padding 위, 아래 사용 불가능 텍스트를 작업하는 용도로 사용 default 속성 : display: ..
2019.11.24 -
CSS - 기본 선택자
선택자 HTML에 스타일(CSS)을 적용하기 위해 HTML의 특정한 요소를 선택하는 사인 전체 선택자(Universal Selector) (요소 내부의) 모든 요소를 선택 제목 본문 태그 선택자(Type Selector) 태그 이름이 E인 요소 선택 제목 본문 클래스 선택자(Class Selector) HTML class 속성의 값이 E인 요소 선택 제목1 본문 아이디 선택자(ID Selector) HTML id 속성의 값이 E인 요소 선택 제목1 본문 출처 : heropy.org
2019.11.24 -
CSS - 선언 방식
인라인 선언 방식 태그에 직접 스타일 작성 태그에 직접 작성 HTML 내장방식 안에 포함 선택자 필요 HTML에 포함1 HTML에 포함2 HTML 외부에서 불러오는 방식 CSS 코드를 분리하여 관리 분리된 하나의 CSS파일을 여러 HTML 파일에 불러와 사용 가능 HTML 외부에서 불러오기1 HTML 외부에서 불러오기2 div { color : red; } @import 방식 CSS @import 를 이용하여 외부 문서로 CSS를 불러와 적용하는 방식(@ ‘엣' 이라고 부름) HELLO @import url("./main2.css"); div { color : red; font-size : 20px; font-weight: bold; } ※ link 태그와 @import 차이점 link 태그는 html에..
2019.11.24 -
HTML 구조
기본 구조 문서의 구조 HTML(전체 범위) 은 HTML 문서의 전체 범위를 지정 DOCTYPE(DTD, 버전 지정) DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 의미 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면 되는지를 알려줌. (HTML은 크게 1, 2, 3, 4, X-, 5 버전이 존재) 사용 예)
2019.11.24 -
이미지
이미지 개념 비트맵과 벡터 이미지 이미지(그래픽)는 크게 비트맵과 벡터로 구분 비트맵(Bitmap) 픽셀이 모여 만들어진 정보의 집합으로 레스터(Raster) 이미지라고 함. 픽셀 단위로 화면에 렌더링 장점 : 정교하고 다양한 색상을 자연스럽게 표현 단점 : 확대/축소 시 계단 현상, 품질 저하 발생 확장자 : jpg, png, gif 벡터(Vector) 수학적 정보의 형태(Shape)들이 만들어지는 결과물 이미지가 가지고 있는 점, 선, 면의 위치(좌표), 색상 등의 정보를 온전히 가지고 있으며 그를 화면에 렌더링 좀 더 많은 연산을 해야하지만, 해상도(픽셀)에 영향을 비트맵 이미지와 달리 해상도로 부터 자유롭게 렌더링 가능 (이미지가 깨지지 않는다), 수학적 정보만을 가지고 있기 때문에 이미지 확대/..
2019.11.24