HTML 파일의 기본 구조
HTML 파일은 웹 페이지의 내용을 작성하기 위한 언어로, 기본 구조는 다음과 같다.
<!DOCTYPE html>
<html>
<head>
<title>페이지 제목</title>
</head>
<body>
<h1>메인 제목</h1>
<p>이것은 문단입니다.</p>
</body>
</html>각 부분의 역할:
-
<!DOCTYPE html>- HTML 문서임을 선언.
- 브라우저가 HTML5를 사용할 수 있도록 알려줌.
-
<html>- 문서의 시작과 끝을 표시.
-
<head>- 웹 페이지의 메타데이터(정보)를 포함.
- 예: 제목, 문자 인코딩, 스타일 시트 연결 등.
-
<title>- 브라우저 탭에 표시되는 제목.
-
<body>- 실제 웹 페이지에 표시되는 내용을 작성하는 곳.
- 텍스트, 이미지, 링크 등을 넣을 수 있음.
HTML 애트리뷰트란?
애트리뷰트는 HTML 태그에 추가 정보를 제공하는 역할을 해.
예를 들어, <img> 태그로 이미지를 삽입할 때 애트리뷰트를 사용해 이미지의 경로와 대체 텍스트를 지정할 수 있어.
예시:
<img src="image.jpg" alt="이미지 설명">src: 이미지를 불러올 파일 경로.alt: 이미지가 로드되지 않을 경우 표시할 대체 텍스트.
또 다른 예시:
<a href="https://www.example.com" target="_blank">링크</a>href: 클릭 시 이동할 URL.target="_blank": 링크를 새 창에서 열리도록 설정.
간단한 비유
HTML 태그는 집을 짓는 재료라면, 애트리뷰트는 그 재료에 붙이는 세부 지침 같은 거야!
예를 들어, 창문(img)에 색깔(src)이나 크기(width)를 지정하는 느낌이라고 생각하면 돼.
한양대 학생입니다. 서울캠입니다.