CSS와 HTML CSS는 간단히 이야기하면 HTML(마크업 언어)을 꾸며주는 표현용 언어입니다. HTML이 문서의 정보, 구조를 설계한다면 CSS는 문서를 보기 좋게 디자인합니다. CSS는 분명히 HTML과는 독립된 다른 언어지만 마크업 문서 자체가 존재하지 않으면 CSS는 무용지물이나 마찬가지입니다. 왜냐하면, CSS는 표현을 위한 언어인데 마크업 문서가 없다면 표현할 대상이 없기 때문입니다. 그래서 CSS는 보통 마크업 언어인 HTML과 같이 묶어서 이야기합니다. CSS로 표현한 다양한 웹 사이트들 전 세계에 많은 웹 사이트들이 있습니다. 그리고 그것들 모두 HTML 태그를 이용해서 만들어졌고, 자주 사용되는 태그의 개수는 10여 개밖에 되지 않습니다. 결국, 모든 사이트가 비슷한 HTML 태그를 ..
Content Models 의 7 분류 Metadata Content Flow Content Sectioning Content Heading Content Phrasing Content Embedded Content Interacitve Content 1. Metadata " base, link, meta, noscript, script, style, title " Metadata에는 콘텐츠의 스타일, 동작을 설정하거나 다른 문서와의 관계 등 정보를 포함하는 요소들이 포함됩니다. 메타 태그, 타이틀 태그, 스타일 태그, 링크 태그가 이에 해당하며 대부분 내에 들어간다는 것이 특징입니다. 2. Flow " a, abbr, address, map>area, article, aside, audio, b, bd..
type="file" 파일을 서버에 올릴 때 사용합니다. 브라우저에 따라 표현되는 형태는 조금씩 다르지만, 모두 같은 역할을 합니다. type="submit|reset|image|button" submit, reset, image, button 타입은 모두 클릭 가능한 버튼을 만듭니다. submit : form의 값을 전송하는 버튼 reset : form의 값을 초기화하는 버튼 image : 이미지를 삽입할 수 있는 버튼 (submit과 동작이 동일함) button : 아무 기능이 없는 버튼 이미지 버튼은 이미지 관련 속성인 src, alt 속성이 반드시 필요하며 width/height 속성을 적용할 수도 있습니다. 는 선택 목록 상자 또는 콤보박스라고도 합니다. 몇 개의 선택지를 리스트 형태로 노출하고..
의미가 없는 컨테이너 요소 태그 자체에 아무 의미가 없으며, 단순히 요소들을 묶기 위해 사용되는 태그입니다. 스타일을 주거나 서버에 보내는 데이터를 담기 위한 용도로 이런 의미 없는 요소들이 사용됩니다. 이런 의미 없는 태그의 사용빈도는 매우 높습니다. 그 이유는 html 태그들은 문서를 웹에 나타내기 위해 제작되어 기본적으로 문서에 최적화되어있는의미를 지니는데, 현재 웹의 형태는 문서 형태에서 많이 벗어났기 때문입니다. 다행히 HTML 버전이 업그레이드되면서 웹에 알맞은 태그들이 많이 생겼습니다. 가장 대표적으로 많이 쓰이는 의미가 없는 태그는 , 입니다. 태그와 태그 div(division) 태그는 블록 레벨 태그입니다. 블록 레벨 요소는 기본적으로 한 줄을 생성해서 내용을 표현합니다. 반면, spa..
제목 태그 제목(heading) 태그는 문서 내에 제목을 표현할 때 사용하는 태그입니다. 태그 이름은 heading을 줄여서 h로 쓰며, 제목의 레벨에 따라서 ~까지 있습니다. 보통 은 해당 페이지를 대표하는 큰 제목으로 주로 사용되며, 숫자가 올라갈수록 조금 더 낮은 수준의 소제목을 나타내게 됩니다. 하지만 현재 웹 페이지의 내용은 제목과 본문 식의 문서 형태보다는 주로 이미지나 그림처럼 시각적인 형태로 표현되고 있어서 제목 태그를 까지 쓰는 경우는 거의 없습니다. 제목 태그를 사용하면, 일반 텍스트보다 더 강조되는 스타일이 적용되는데 이는 브라우저가 기본적으로 제목 태그에 제공하는 스타일입니다. 제목이라는 의미에 맞게 기본적으로 좀 더 굵고 크게 표현이 됩니다. 단락 태그 단락(paragraph) 태..
태그란? HTML은 태그들의 집합이며, 태그는 HTML에서 가장 중요하고 기본이 되는 규칙입니다. 태그는 '무언가를 표시하기 위한 꼬리표, 이름표'라는 의미가 있으며, HTML에서도 이와 비슷한 의미로 해석됩니다. 우리가 다양한 태그들을 이용해 코드를 작성하면, 브라우저가 이를 인식해 내용을 표현하게 됩니다. 태그를 사용하는 방법 태그는 기호로 표현하며 기호 사이에 태그 이름이 들어갑니다. 대부분 태그는 시작 태그와 종료 태그로 이루어지며 종료 태그는 태그 이름 앞에 '/' 기호가 붙습니다. 시작 태그와 종료 태그 사이에 실제 화면에 나타나는 내용이 위치하게 됩니다. 요소란? 내용을 포함한 태그 전체를 요소(Element)라고 합니다. 태그와 요소는 의미가 다르지만 많은 사람이 태그와 요소를 같은 의미로..
HTML이란? HTML은 프로그래밍 언어로 웹 페이지를 만들 때 사용됩니다. 웹 사이트들이 모두 HTML을 사용하여 만들어집니다. HTML의 의미와 특징 HTML은 Hyper MarkUp Language의 줄임말 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트(링크)를 의미 프로그래밍 언어의 한 종류로 정보를 구조적, 계층적으로 표현이 가능 파일 확장자로 .html을 사용
