HTML 뜻과 CSS 개념에 대해서 이야기해봅시다.
HTML 뜻과 CSS 개념 알기
HTML 뜻(HyperText Markup Language)은 다양한 태그들을 사용하여 웹 페이지 안의 제목과 내용 등 문서의 구조를 지정하는 언어를 의미합니다. XML(eXtensible Markup Language)은 HTML을 확장한 개념으로 태그를 사용하여 데이터의 종류를 지정할 수 있습니다.
CSS 개념(Cascading Style Sheets)은 HTML의 태그에 대해서 웹 페이지 안의 표시 위치나 장식 방법을 지정하는 언어입니다. 페이지 내 제목의 문자 범위에 대해서는 HTML의 태그로 지정하고 CSS를 통해서 해당 위치와 서식을 결정하여 표시해주는 방식을 사용합니다.
결국 HTML과 CSS는 웹사이트의 웹페이지 제목, 내용, 표, 문자, 장식 등을 기술하는 언어입니다.
HTML 뜻과 CSS 개념 설명
HTML 뜻(HyperText Markup Language)은 웹사이트의 웹페이지를 작성하기 위한 언어입니다.
HTML은 태그라고 하는 문자로 둘러싸서 구조를 표현한 테스트 형식으로 작성하게 됩니다. HTML은 웹페이지의 링크와 이미지를 넣거나 웹페이지의 디자인을 자유롭게 표현하기 위해서 사용되는 웹사이트의 웹페이지를 만들기 위해서 사용하는 언어입니다.
인터넷 웹 브라우저는 HTML 파일을 읽어 들여 작성된 내용대로 화면에 표시해주게 됩니다.
최근에는 HTML5 버전이 주로 사용됩니다.
CSS(Cascading Style Sheets)는 태그에 대한 표시 방법을 지정하는 것을 의미합니다.
HTML의 태그로 문자를 장식할 경우 태그를 기술한 장소에만 효과가 발생하지만 CSS는 같은 문서 안의 모든 해당 부분에 같은 장식을 적용할 수 있습니다. 예를 들어 소제목에 동일한 장식을 한꺼번에 적용할 수 있습니다. 또한 CSS는 같은 대상에 다른 장식을 덮어 쓸 수 있는 장점도 있습니다.
[HTML/CSS/XML 비교]
| 구분 | 내용 |
| HTML | 웹 페이지를 작성하기 위한 언어 |
| CSS | 태그에 대한 표시 방법을 정의하는 언어 |
| XML | 데이터의 종류나 의미를 정의하는 언어 |
HTML과 CSS는 웹 사이트의 웹페이지를 구조화하거나 문자를 장식할 때 사용하는 언어입니다.
HTML 태그는 웹페이지가 웹 브라우저의 화면에 정상적이고 올바르게 표시되도록 태그마다 브라우저에 대한 표시 방법이 정의되어 있습니다. 하지만 XML은 태그의 의미를 보다 자유롭게 정의할 수 있습니다.
HTML은 코드를 직접 작성하기 어려울 경우 쉽게 작성할 수 있는 툴들을 활용할 수 있습니다. 워드프레스의 플로그인에는 사용자가 쉽게 시각적으로 작성할 수 있도록 지원하는 툴들이 많습니다.
일반적으로 CMS(Contents Management System)은 HTML 코드를 직접 작성하지 않아도 쉽게 콘텐츠를 작성할 수 있도록 지원하는 툴들이 기본적으로 탑재되어 있습니다. 네이버 블로그나 티스토리 블로그에서도 사용자는 시각적인 툴을 사용하여 콘텐츠를 작성하면 되며 실제적으로는 사용자가 작성한 내용들이 HTML로 변환되어 반영되게 됩니다.
HTML은 표준화되어 있지만 웹브라우저에 따라서 표현이 추가될 수 있으므로 동일한 웹페이지일지라도 어떤 웹브라우저를 통해서 보는지에 따라 화면의 내용이 다르게 보일 수 있습니다.
이메일의 경우도 텍스트 형식 이외에 HTML 메일 형식을 사용하면 보다 더 다양한 문자의 색과 사이즈를 표현하여 콘텐츠를 작성할 수 있습니다.