HTML 문서의 기본 구조를 알아보자
HTML 문서의 기본 구조는 다음과 같습니다
<!DOCTYPE html>
<html>
<head>
<!-- 여기에는 문서의 메타 정보가 위치합니다 -->
</head>
<body>
<!-- 여기에는 웹페이지의 내용이 위치합니다 -->
</body>
</html>
- <!DOCTYPE html>: 이것은 HTML5 문서임을 나타내는 선언입니다.
- <html>: 이 태그는 HTML 문서의 시작과 끝을 나타냅니다.
- <head>: 이 태그는 문서의 메타 정보를 포함하며, 예를 들어 CSS 스타일시트 링크, 문자 인코딩 선언 등이 이 안에 위치합니다.
- <body>: 이 태그는 실제 웹페이지의 내용을 나타냅니다. 예를 들어, 텍스트, 이미지, 비디오, 게임, 실행 가능한 코드 등이 이 안에 위치합니다.
HTML은 콘텐츠의 구조를 정의하는 마크업 언어로, 콘텐츠의 서로 다른 부분들을 씌우거나 감싸서 다른 형식으로 보이게하거나 특정한 방식으로 동작하도록 하는 일련의 요소로 이루어져 있습니다. 이러한 요소들은 웹페이지의 구조를 만들고, 텍스트를 꾸며주며, 하이퍼링크를 생성하거나, 이미지를 삽입하는 등의 역할을 합니다.
HTML 요소의 주요 부분은 다음과 같습니다.
여는 태그 (Opening tag) <: 요소의 이름과 꺾쇠괄호로 구성됩니다. 이것은 요소가 시작되는 곳을 나타냅니다.
- 닫는 태그 (Closing tag) >: 요소의 이름 앞에 슬래시 (/)가 있는 것을 제외하면 여는 태그와 같습니다. 이것은 요소의 끝을 나타냅니다.
- 내용 (Content): 요소의 내용으로, 텍스트나 이미지 등이 될 수 있습니다.
예를 들어, <p>는 문단을 나타내는 요소입니다. 여는 태그는 <p>, 닫는 태그는 </p>, 그리고 그 사이에 들어가는 텍스트가 내용입니다.
<p>이것은 문단입니다.</p>
또한, HTML 요소는 다른 요소의 안에 놓일 수 있습니다. 이것을 **중첩 (nesting)**이라고 부릅니다3. 예를 들어, '매우’라는 단어를 강조하기 위해 <strong> 요소를 중첩해서 사용할 수 있습니다.
<p>My cat is <strong>very</strong> grumpy.</p>
이렇게 HTML은 웹 페이지의 구조를 정의하는 마크업 언어로, 웹 상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 합니다. 이러한 요소들은 웹페이지의 구조를 만들고, 텍스트를 꾸며주며, 하이퍼링크를 생성하거나, 이미지를 삽입하는 등의 역할을 합니다.
Html이란? 나는 배울 필요가 있는가
Html이 무엇인지 살펴봅시다 HTML, 즉 하이퍼텍스트 마크업 언어는 웹페이지의 구조를 정의하는 웹을 위한 마크업 언어입니다. 모든 웹사이트의 가장 기본적인 구성 요소이며, 웹 개발자로서 경력
ruiatrworks.tistory.com