HTML이란?
HTML은 웹페이지를 만들 때 사용하는 "HyperText Markup Language"의 약자입니다. 이는 웹 상에서 콘텐츠를 만들고 구조화하는 데 사용되는 표준 마크업 언어입니다. HTML은 웹 페이지의 구조와 콘텐츠를 정의하는데 사용되며, 텍스트, 이미지, 링크, 표, 목록 등과 같은 다양한 요소를 이용하여 웹 페이지의 내용을 정의하고 표시합니다.
HTML은 태그(tag)를 이용하여 요소(element)를 생성하고 구조화합니다. 그리고 각 요소는 특정한 의미를 가지게 됩니다. 예를 들어 <p> 태그는 단락을, <img> 태그는 이미지를 삽입하는 데 사용됩니다.
이러한 요소들은 웹 브라우저에서 렌더링되어 사용자는 웹 페이지를 시각적으로 볼 수 있습니다.
HTML은 CSS(Cascading Style Sheets)와 함께 사용되며, CSS는 HTML 요소의 스타일과 레이아웃을 정의하여 웹 페이지를 보다 더 개발자가 원하는 방향으로 사용자에게 보여지도록 만들어줍니다. 여기에 더하여, JavaScript는 HTML과 함께 사용되어 웹 페이지에 동적인 기능을 추가하고 상호작용성을 부여합니다.
구성 요소
HTML문서는 Element(요소)로 구성되어있습니다.
Element(요소)는 HTML 태그에 의해 정의되며, 문서의 구조와 의미를 결정하는 데 중요한 역할을 합니다.
Element는 일반적으로 시작 태그(<tag>)와 일부 콘텐츠 및 종료 태그(</tag>)로 구성되며, 시작 태그는 Element의 시작을 나타내고 종료 태그는 Element의 끝을 나타냅니다. 종료 태그는 일부 Element에는 필수적이지만, 모든 Element가 종료 태그를 가질 필요는 없습니다.
Element는 시작 태그와 종료 태그 사이에 Element의 콘텐츠(content)를 포함할 수 있습니다.
예를 들어, <p> 태그는 단락을 정의하고, <a> 태그는 링크를 정의합니다. 이러한 Element들은 해당 Element의 의미와 형식을 정의하며, 웹 브라우저에서 적절하게 해석되어 사용자에게 표시됩니다.
하지만 일부 Element는 종료 태그 없이 단일 태그로도 표현될 수 있습니다. 이러한 태그들은 비어 있는 Element로, 종료 태그가 필요하지 않은 경우에 사용됩니다. 예를 들어, <img> 태그는 이미지를 삽입하는 요소이며, 종료 태그가 없이 단일 태그로 사용됩니다(<img src="example.jpg" alt="예시 이미지">).
정리하자면, Element는 HTML 문서의 구조와 의미를 형성하며, 다양한 요소를 조합하여 웹 페이지의 레이아웃과 내용을 정의할 수 있습니다.
HTML 기본 뼈대
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
</html>
위의 예시는 html파일을 생성했을때 프로그램 툴에서 자동으로 제공해주는 기본 html 구성 element입니다.
구성 Element로는 <head>, <title>, <meta>, <body> 가 있습니다.
<head> 태그는 해당 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의 및 선언할 때 사용합니다.
<title> 태그는 해당 문서의 제목(title)을 정의할 때 사용합니다.
<meta> 태그는 해당 문서에 대한 정보인 메타데이터(metadata)를 정의할 때 사용됩니다.
<body> 태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의 및 표현할 때 사용하며, html 문서에는 단 하나의 <body> 요소만이 존재할 수 있습니다.
