Skip to main content
Uncategorized

HTML 마크업 태그: 입문자를 위한 사용 방법

By 2023-03-27No Comments

HTML은 웹 페이지를 만들 때 필수적인 언어입니다. HTML은 HyperText Markup Language의 약자로, 웹 페이지의 구조를 만들어주는 마크업 언어입니다. HTML은 태그로 이루어져 있으며, 이 태그들을 이용해 웹 페이지를 만들 수 있습니다. 이번 글에서는 HTML 마크업 태그를 입문자를 위한 사용 방법에 대해 알아보겠습니다.

1. 기본 구조

HTML 문서의 기본 구조는 아래와 같습니다.

“`



웹 페이지 제목

웹 페이지 제목

웹 페이지 내용



“`

첫 번째 줄에는 문서 형식(DOCTYPE)을 지정합니다. 두 번째 줄은 HTML 문서의 시작을 나타냅니다. head 태그 안에는 웹 페이지의 제목 등 문서의 정보를 담습니다. body 태그 안에는 실제 내용을 작성합니다.

2. 태그 사용법

태그는 <태그명>과 으로 이루어져 있습니다. 시작 태그와 종료 태그 사이에는 해당 태그의 내용을 작성합니다.

예를 들어, 제목을 작성하고 싶다면 h1 태그를 사용합니다.

“`

제목

“`

문단을 작성하고 싶다면 p 태그를 사용합니다.

“`

문단 내용

“`

이미지를 삽입하고 싶다면 img 태그를 사용합니다.

“`

“`

src 속성에는 이미지 파일의 주소를, alt 속성에는 이미지를 대체할 텍스트를 입력합니다.

3. 요소의 속성

태그 안에서는 요소의 속성을 지정할 수 있습니다. 일반적으로 속성은 시작 태그에 입력합니다. 예를 들어, 링크를 만들고 싶다면 a 태그와 href 속성을 사용합니다.

“`
링크 텍스트
“`

href 속성에는 링크의 주소를 입력합니다.

4. 요소의 중첩

여러 개의 태그를 중첩해서 사용할 수 있습니다. 예를 들어, 문단 안에 링크를 삽입하고 싶다면 다음과 같이 작성합니다.

“`

문단 내용 링크 텍스트

“`

위 예시에서는 p 태그 안에 a 태그를 중첩해서 사용하였습니다.

HTML 마크업 태그는 웹 페이지를 만들기 위해 필수적인 요소입니다. 이번 글에서는 HTML 마크업 태그의 기본 구조와 사용 방법에 대해 알아보았습니다. HTML을 사용하기 위해서는 태그의 종류를 알고, 태그를 적절하게 사용하는 방법을 익히는 것이 중요합니다. 많은 연습을 통해 HTML 마크업 태그를 숙련하기를 바랍니다.