2run4

인라인 텍스트 다른 페이지, 같은 페이지 위치(#, 해시 태그), 파일, 이메일 주소, 전화번호 등 다른 URL로 연결할 수 있는 하이퍼링크를 설정한다. 속성 의미 값 기본값 특징 download 이 요소가 리소스를 다운로드하는 용도로 사용됨을 의미 불린(Boolean) href 링크 URL URL 생략 가능 hreflang 링크 URL(페이지) 언어(ISO 639-1) ko, en ....... rel 현재 문서와 링크 URL의 관계(Link Types) license, prev, next ....... target 링크 URL의 표시(브라우저 탭) 위치 _self, _blank _self type 링크 URL의 MIME 타입 text/html....... 약어를 지정한다. 보통 title 속성을 사용..

문자 콘텐츠 , , 각 항목 ()의 정렬된 목록 ()이나 정렬되지 않은 목록()을 설정한다. (Ordered List, Unordered List, List Item, 순서가 필요하거나() 순서가 필요하지 않은() 목록을 정의) 과 은 자식으로 만 포함 가능하다. 는 단독으로 사용할 수 없으며, 이나 에 자식으로 포함되어야 한다. 정렬된 목록()의 항목 순서는 중요도를 의미할 수 있다. ol, ul { display: block; } li { display: list-item; } 정렬된 목록을 설정한다. 속성 의미 값 특징 start 항목에 매겨지는 번호의 시작 값 숫자(Number) type 항목에 매겨지는 번호의 유형 a, A, i, I, 1 학목을 설정한다. 속성 의미 값 특징 value 항목의 ..

HTML 요소 html 문서의 범위를 설정한다. head 문서의 정보 HTML의 문서 제목을 쓸 수 있다. ex) HTML 제목 (title tag) 기타 정보 (meta tag) ex) (인코딩 방식), 스타일 직접 입력 스타일 외부에서 가져와서 연결 ex) body 문서의 구조 컨텐츠 구분 header 일반적으로 제목, 로고, 검색 폼, 작성자 이름 등의 요소도 포함한다. header, footer는 후손이 될 수 없다. footer 일반적으로 구획의 작성자, 저작권 정보, 관련 문서 등의 내용을 포함한다. header, footer는 후손이 될 수 없다. h1 ~ h6 6단계의 구획 제목을 나타낸다. 글씨 크기를 위해 제목 태그를 사용하면 안된다. 대신 css의 font-size 속성을 사용해야한다..

블럭요소와 인라인요소 블럭요소 div, h1, p....... 사용 가능한 최대 가로 너비를 사용한다. (width:100%, height:0; 으로 시작) 크기를 지정할 수 있다. 수직으로 쌓인다. margin, padding 속성의 위, 아래, 좌, 우 모두 사용 가능하다. 레이아웃을 잡는 용도로 대부분 사용한다. 인라인요소 span, img....... 필요한 만큼의 너비를 사용한다. (width: 0; height: 0; 으로 시작) 크기를 지정할 수 없다. 수평으로 쌓인다. margin, padding 속성의 위, 아래는 사용을 할 수 없다. 텍스트를 작업하는 용도로 대부분 사용한다. display 속성 display 속성으로 임의로 블럭요소로 인라인요소로 변경 가능하다. div { displa..

기본 형태 태그는 각자의 의미를 가지고 있으며 다음과 같은 형태를 가집니다. CONTENT 또한 태그는 열리고 닫히는 태그 구조를 가지고 있으며 이는 한 쌍입니다. 속성(Attributes) 과 값(Value) 태그(요소)의 기능을 확장하기 위해 속성을 사용할 수 있다. 닫히는 태그가 없으면 빈 태그라고 한다. 부모와 자식 요소 태그A가 태그B의 콘텐츠로 사용되면, 태그B는 태그A의 부모 요소, 태그A는 태그B의 자식 요소라고 한다. 과일 목록 사과 딸기 바나나 오렌지 빈태그 HTML에는 닫히는 개념이 없는 태그가 있다. DOCTYPE(DTD, 버전지정) DOCTYPE은 마크업 언어에서 문서 형식을 정의한다. 이는 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면..

웹에서 사용하는 이미지 비트맵과 백터 이미지 이미지는 크게 비트맵과 벡터로 구분된다. 비트맵 각 픽셀이 모여 만들어진 정보의 집합으로 레스터 이미지라고도 부른다. 픽셀 단위로 화면에 렌더링한다. 그림판, 포토샵과 같은 툴로 편집 할 수 있다. 벡터 수학적 정보의 형태들이 만들어내는 결과물이다. 이미지가 가지고 있는 점, 선, 좌표, 색상 등의 정보를 가지고 있으며 그를 화면에 렌더링한다. 이미지를 확대 축소를 해도 이미지가 깨지지 않는다. 수학적 정보만을 가지고 있기 때문에 이미지 확대/축소에 따른 용량 변화가 없다. 일러스트 같은 툴로 편집 할 수 있다. 이미지 종류 장점 단점 비트맵 정교하고 다양한 색상을 자연스럽게 표현 확대/축소 시 계단 현상, 품질 저하 벡터 확대/축소에서 자유로움, 용량 변화가..