Building value

HTML[HTML 문서 구조] 본문

HTML

HTML[HTML 문서 구조]

developer_Michael 2023. 3. 30. 08:16
반응형

HTML 문서는 일반적으로 아래와 같은 구조를 가집니다. 

<!DOCTYPE html> <!-- 문서의 형식을 명시 -->
<html> <!-- HTML 문서 시작 -->
    <head> <!-- 문서의 메타데이터를 포함하는 부분 -->
        <title>문서 제목</title> <!-- 문서의 제목 -->
        <meta charset="utf-8"> <!-- 문서의 문자 인코딩 설정 -->
        <link rel="stylesheet" href="style.css"> <!-- 문서의 스타일 시트 파일 연결 -->
    </head>
    <body> <!-- 문서의 본문을 포함하는 부분 -->
        <h1>문서 제목</h1> <!-- 문서의 제목 -->
        <p>문서 내용</p> <!-- 문서의 내용 -->
        <img src="image.jpg" alt="이미지 설명"> <!-- 이미지 삽입 -->
        <a href="https://example.com">링크</a> <!-- 하이퍼링크 삽입 -->
    </body>
</html> <!-- HTML 문서 끝 -->


위의 예시는 HTML 문서의 기본 구조를 보여줍니다. 문서는 <!DOCTYPE html>로 시작하며, 

 

이는 문서의 형식을 HTML로 지정한다는 것을 나타냅니다. 

 

그 다음 <html> 요소로 문서의 시작을 표시하고, 그 안에 <head>와 <body> 요소가 들어갑니다.

<head> 요소는 문서의 메타데이터를 포함하는 부분으로, 

 

문서의 제목(<title>)이나 문자 인코딩(<meta charset="utf-8">) 등을 정의할 수 있습니다. 

 

스타일 시트 파일(<link rel="stylesheet" href="style.css">)이나 스크립트 파일(<script src="script.js"></script>)을 

 

연결할 수도 있습니다.

<body> 요소는 문서의 본문을 포함하는 부분으로, 제목(<h1>)이나 문장(<p>) 등의 텍스트를 넣을 수 있습니다. 

 

이미지(<img>)나 하이퍼링크(<a>) 등을 삽입할 수도 있습니다.

이와 같이 HTML 문서는 요소(<element>)들로 이루어져 있으며, 

 

이러한 요소들은 다양한 태그(<tag>)와 속성(<attribute>)을 가집니다. 이에 대해서는 이후에 다루도록 하겠습니다.

반응형

'HTML' 카테고리의 다른 글

HTML[HTML 리스트(List)]  (0) 2023.03.30
HTML[HTML 요소]  (0) 2023.03.30
HTML[HTML 속성]  (0) 2023.03.30
HTML[HTML 태그]  (0) 2023.03.30
[HTML]HTML이란?  (0) 2023.03.29
'HTML' Related Articles more