초짜코딩의 잡동사니

그리드 시스템이란? 그리드 시스템(Grid System)이란, 페이지 콘텐츠를 논리적이고 일관성 있는 질서와 구조로 디자인할 수 있도록 돕는 그래픽 시스템을 말합니다. 여기서 그리드(Grid)는 사전적 의미로 '격자무늬' 또는 '격자판'을 의미하며, 디자이너는 아래 그림과 같이 격자 선에 맞춰 디자인에 규칙을 부여하여 페이지를 더 보기 좋고, 알기 쉽게 제작하는 데 도움이 됩니다. 그리드 시스템은 1970년대 중반부터 건축, 일러스트레이션, 책, 신문과 같은 다양한 분야에 사용되어 왔는데, 인터넷 보급 후 기술의 발전에 따라 웹 디자인에도 사용되기 시작했습니다. 웹 디자인에서 그리드 시스템은 페이지의 디자인 영역을 나누고, 각 영역에 디자인 요소를 배치하는 데 사용됩니다. 그리드 시스템은 웹 디자인에 있..

시맨틱 태그 시맨틱 태그란 그 이름 자체만으로 브라우저나 길 잃은 사람들, 지구상의 원주민, 개발자, 수정자들에게 의미를 전달 할 수 있는 태그다. 태그 이름만 들어도 어림짐작할 수 있는게 큰 장점이다. 시맨틱 태그 종류 태그는 주제별 그룹의 콘텐츠 섹션을 나타낼때 사용합니다. 태그는 머리말 영역으로 문서 또는 섹션의 헤더를 나타낼때 사용합니다. 태그는 주로 메뉴를 나타낼때 사용합니다. 태그는 문서의 주요 컨텐츠를 나타낼때 사용합니다. 태그는 문서 본문 중 독립된 컨텐츠를 나타낼때 사용합니다. 태그는 사이드바라고 불리며 광고영역등을 나타낼때 사용합니다. 태그는 문서의 바닥글, 섹션의 꼬리말을 나타낼때 사용합니다. HTML5에 없어진 태그 태그는 해당 문서의 모든 텍스트를 위한 기본 색상, 크기, 글꼴 집..

HTML이란? HTML 은 프로그래밍 언어가 아닙니다; 컨텐츠의 구조를 정의하는 마크업 언어입니다. HTML은 컨텐츠의 서로 다른 부분들을 씌우거나(wrap) 감싸서(enclose) 다른 형식으로 보이게하거나 특정한 방식으로 동작하도록 하는 일련의 요소(elements)로 이루어져 있습니다. tags로 감싸는 것으로 단어나 이미지를 다른 어딘가로 하이퍼링크(hyperlink)하거나 단어들을 이탤릭체로 표시하고 글씨체를 크게 또는 작게 만드는 등의 일을 할 수 있습니다. HTML 요소 분석 여는 태그(opening tag): 이것은 요소의 이름으로 구성되고 (여기에서는 p), 여닫는 꺾쇠괄호로 감싸집니다. 이것은 요소가 시작되는 곳, 또는 효과를 시작하는 곳임을 나타냅니다 — 이 예제에서는 문단이 시작되는..