728x90
목차
HTML 기초: 웹 페이지의 뼈대를 알아보자!
안녕하세요, 웹 개발에 관심이 있으신 분들! 웹 페이지를 만들기 위한 기초, HTML에 대해 알아보는 시간을 가져보겠습니다.
1. HTML이란?
HTML (HyperText Markup Language)은 웹 페이지의 구조를 정의하는 표준 마크업 언어입니다. 즉, 웹 페이지의 뼈대나 구조를 만들어 주는 역할을 합니다.
2. 기본 구조
HTML 문서는 기본적인 구조를 가지고 있습니다:
<!DOCTYPE html>
<html>
<head>
<title>제목</title>
</head>
<body>
웹 페이지의 내용
</body>
</html><!DOCTYPE html>: 현재 문서가 HTML5를 사용한다는 것을 나타냅니다.<html>: HTML 문서의 시작과 끝을 나타내는 태그입니다.<head>: 웹 페이지의 메타 정보, 스타일, 스크립트 등의 정보를 포함하는 곳입니다.<title>: 웹 페이지의 제목을 나타냅니다. 브라우저의 탭에서 확인할 수 있습니다.<body>: 웹 페이지의 주 내용이 들어가는 부분입니다.
3. 주요 태그들
<h1> ~ <h6>: 제목 태그로서,<h1>이 가장 크고 중요하며,<h6>까지 점차 작아집니다.<p>: 단락을 나타내는 태그입니다.<a href="URL">: 하이퍼링크를 생성합니다. "URL" 부분에 연결하고 싶은 웹 페이지의 주소를 적습니다.<img src="이미지경로" alt="설명">: 이미지를 삽입합니다.<ul>,<ol>,<li>: 목록을 만드는 태그입니다.<ul>은 순서 없는 목록,<ol>은 순서 있는 목록을 나타냅니다.
4. 속성
태그는 다양한 속성을 가질 수 있습니다. 예를 들어, <a> 태그의 href나 <img> 태그의 src와 alt는 속성입니다. 이러한 속성을 통해 태그의 기능이나 표현 방식을 정의할 수 있습니다.
마치며
HTML은 웹 페이지의 기본 구조와 내용을 정의하는 중요한 요소입니다. 위에서 소개한 기본적인 태그와 개념만으로도 간단한 웹 페이지를 만들 수 있습니다. 다음 포스팅에서는 HTML을 보다 깊게 탐구해보겠습니다. 웹 개발의 세계로 함께 빠져보아요! 🚀
