XHTML - XHTML 문서의 문법 규칙 XHTML 문서는 HTML 태그를 사용하지만 태그 사용에 엄격한 문법적 규칙을 적용한다. 문법적 규칙은 다음과 같다. · 태그명은 반드시 소문자로 작성 · 태그의 속성 값는 반드시 "" 안에 작성 · 속성의 최소화 금지 · id 속성을 사용하여 name 속성 대치 · DTD 선언은 필수 속성 표기의 최소화.. HTML& CSS/HTML 2012.04.25
XHTML - XHTML(Extensible HTML) 문서란 XHTML은 HTML 의 확장 버전으로 HTML에 엄격하고 명백하게 태그 사용을 제한한 것을 말한다. XHTML은 (eXtensive HyperText MarkUp Language)의 약어이다. HTML 4.01 버전 부터 XHTML 문서라고 칭한다. XHTML은 HTML 문서이지만 XML 의 요소를 가미한 HTML 문서로 현재 W3에서 권장하고 있다. XHTML은 HTML 4.01버전과 호환.. HTML& CSS/HTML 2012.04.25
XHTML - HTML 3.2 버전과 HTML 4.0과 XHTML 비교 HTML 문서는 프로그래밍 언어의 발전과 함께 발전되어 왔습니다. 현재의 HTML 표준 버전은 HTML 4.0 입니다. 그럼 과거 버전과 현재 버전의 차이점을 알아보겠습니다. 최소 오리지널 HTML 버전에는 서식 태그가 없었습니다. 그런데 사용자들은 단순한 문서보다 보기 좋은 다양한 변화가 있는 문.. HTML& CSS/HTML 2012.04.25
미디어 - 오디오 가장 쉽게 웹페이지에 오디오를 추가하는 방법 야후 미디어 플래이어를 활용하는 방법이다. 야후 미디어 플래이어는 mp3부터 다양한 포맷을 지원한다. 다음과 같이 간단한 코드를 추가하면 된다. <a href="song.mp3">Play Song</a> <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"> .. HTML& CSS/HTML 2012.04.25
미디어 - 미디어 개요 웹상 멀티미디어는 사운드, 뮤직, 비디오, 애니매이션을 말한다. 현재 웹 브라우저들은 다양한 포맷의 멀티미디어를 지원한다. 비디오 포맷 포맷 파일 설명 AVI .avi AVI 포맷은 마이크로소프트사에서 개발했다. AVI 포맷은 대부분의 윈도우 컴퓨터와 부라우저에서 지원한다. 인터넷에서 가.. HTML& CSS/HTML 2012.04.25
position속성에 absolute을 사용하여 수직정렬하는 방법 position 속성에 absolute값을 사용하여 엘레멘트를 수직정렬하는 방법입니다. 엘레멘트의 position 속성을 absolute로 지정하고 top과 left값을 각각 50% 지정합니다. 그럼 엘레멘트는 왼쪽 상단의 모소리가 정중앙에 위치하게 됩니다. 하지만 콘텐츠의 영역이 있기 때문에 왼쪽 모소리가 정중앙에 위치하게 됩니.. HTML& CSS/CSS 2011.04.26
엘레멘트를 감추는 방법 CSS에서 엘레멘트를 감출 때 사용하는 방법은 두 가지가 있다. 1. visibility:hidden 을 사용하는 방법 visibility 속성을 hidden을 주는 경우 레이아웃(엘레멘트가 차지하는 영역)은 그대로 유지하면서 화면에서 엘레멘트만 숨긴다. 즉, 엘레멘트의 콘텐츠가 차지하는 영역을 그대로 유지시키고, 콘텐츠만 숨긴다.. HTML& CSS/CSS 2011.04.04
한 문서에 여러개의 스타일이 존재할 때 캐스케이딩(Cascading) 순서 HTML 문서에 CSS를 사용하는 방법으로는 외부 스타일을 적용하는 방법, 내부에 정의하는 방법, 엘레멘트에 직접 정의하는 방법등이 있다. 이 때 스타일이 중복될 때 어떤 스타일이 적용이 되는가를 캐스케이딩 순서라고 한다. 적용되는 순서는 다음과 같다. 인라인(inline) 스타일(가장 먼저 적용되는 스타.. HTML& CSS/CSS 2011.03.31
스타일의 상속(inheritance) CSS에서 상속은 매우 중요한 역할을 합니다. HTML 문서는 집합적 트리구조로 이루어져 있습니다. 따라서 루트 엘레멘트를 기준으로 자식 엘레멘트들이 뻗어가는 구조이 문서가 구성되는 때 이 때 여러 자식 엘레멘트를 가진 부모 엘레멘트에 자식들의 기본 스타일을 지정하여 자식 엘레멘트들이 모두 .. HTML& CSS/CSS 2011.03.31
테이블 사용시 테두리 하나만 나타나게 하기 테이블의 테두리를 한 줄을 하기 위한 스타일 지정 방법입니다. 결과는 아래와 같습니다. 태그 구성은 아래와 같습니다. 지정한 스타일은 아래와 같습니다. HTML& CSS/CSS 2011.01.10