HTML 뜻과 CSS 개념 바로 알기
웹페이지를 구성하는 기본적인 언어인 HTML의 뜻과 CSS의 개념에 대해서 아래 버튼을 통해 내용을 먼저 확인해보세요.
HTML 뜻과 CSS 개념 세부 내용
HTML 개념에 대해서 알아보아요.
HTML은 Hyper Text Markup Language의 약자에요. HTML은 태그를 사용하여 웹페이지를 구현하는 언어를 의미해요. 참고적으로 XML은 HTML을 확장한 개념입니다. CSS 개념은 HTML 태그에 대해서 웹페이지 내부의 표시에 대한 위치와 웹 페이지의 내부 디자인, 장식 방법을 지정할 수 있는 언어입니다.
HTML은 태그라고 하는 문자를 사용하고 텍스트 형식으로 작성하게 되는데 웹페이지 링크, 이미지, 디자인을 표현할 수 있습니다. HTML은 CSS와 함께 사용할 수 있습니다. CSS는 태그에 대한 표시 방법을 지정할 수 있는데 태그로 문자를 장식하는 것을 예로 들어보면 CSS는 같은 문서 안의 모든 해당 부분에 동일한 효과를 줄 수 있습니다.
HTML(HyperText Markup Language)은 웹에서 웹사이트의 웹페이지 콘텐츠를 구성하고 만들기 위한 표준 마크업 언어입니다. HTML은 웹사이트 개발의 중추적인 역할을 하는 언어이며 World Wide Web에서 문서의 구조와 문서를 표현하기 위해서 정의하는 데 사용됩니다.
HTML 문서는 요소와 태그를 사용하여 구성됩니다. HTML의 기본 구조에는 html, head, body 요소가 포함됩니다. html 요소는 전체 HTML 문서를 캡슐화하는 루트 요소입니다. head 요소에는 제목, 문자 집합, 연결된 스타일시트 등 문서에 대한 메타 정보가 포함됩니다. body 요소에는 문서의 실제 내용이 포함됩니다.
HTML 요소는 시작 태그, 콘텐츠 그리고 종료 태그로 구성됩니다. 태그는 꺾쇠 괄호로 묶입니다.
img 태그와 같은 일부 요소는 자동으로 닫히며 종료 태그가 없습니다.
HTML 요소에는 요소에 대한 추가 정보를 제공하는 속성이 있을 수 있습니다. 속성은 항상 시작 태그에 포함됩니다.
제목은 다양한 계층 구조 수준을 나타내는 h1 ~ h6 태그를 사용하여 정의됩니다. 단락은 p 태그를 사용하여 정의됩니다.
순서가 지정되지 않은 목록은 ul 태그로 생성되고, 목록 항목은 li 태그로 생성됩니다.
순서가 지정된 목록은 ol 태그를 사용합니다. 하이퍼링크는 a(앵커) 태그를 사용하여 생성됩니다. href 속성은 링크가 가리키는 URL을 지정합니다. 이미지는 img 태그를 사용하여 표시됩니다. src 속성은 이미지의 소스(URL 또는 파일 경로)를 지정합니다. 양식은 form 태그를 사용하여 생성됩니다. 텍스트 필드, 체크박스, 라디오 버튼과 같은 입력 요소는 사용자 입력을 수집하는 데 사용됩니다. 양식의 action 속성은 양식 데이터가 제출되는 URL을 지정합니다.
HTML5에는 오디오 및 비디오 요소에 대한 기본 지원이 도입되었습니다.
HTML은 계속 발전하고 있습니다. 웹 개발자에게는 최신 사양을 유지하는 것이 필수적입니다. 또한 CSS(Cascading Style Sheets)는 HTML과 함께 사용되어 웹 사이트의 프리젠테이션 및 레이아웃을 제어하는 경우가 많습니다.