HTML(1) – 기본 구조

by

이제 HTML의 개념을 이해했으므로 본격적으로 시작하겠습니다!

컨셉이 궁금하시다면 이전 글을 추천드려요!

HTML이란 무엇입니까? (개념 이해)

개발자 농담 아래에 이와 같은 기사가 있습니다. A: 무엇으로 코딩하는 것을 좋아합니까? B: 저는 HTML로 프로그래밍하는 것을 좋아합니다! A: 아… 네… 이 이야기가 농담인 이유는 HTML이 프로그래밍 언어가 아니라 마크업 언어이기 때문입니다.

'추천 관련글,

l1m3kun.tistory.com

기본 구조

1.html
2. 머리
3.바디

HTML

  • 문서 루트 태그
  • “이것은 HTML이다!” 라벨

머리

  • 문서 제목, 인코딩, 스타일, 외부 파일 로드 등과 같은 메타데이터 요소를 포함하는 태그입니다.
  • 예
<html>  <!-- html 표시-->
<head>	<!-- head 표시-->
	
    <meta charset="UTF-8"> <!-- 한글 인코딩 -->
    <link rel="stylesheet" href="http://l1m3kun.m/style.css"> <!-- 외부 리소스 연결(css 등) -->
    <title>HTML</title>  <!-- 문서 제목 -->
    <style> 	<!-- css 직접 표시-->
    p {
    	color: black;
    }
    </style>

</head>
<body>  <!-- body 표시-->
</body>
</html>

몸

  • 문서 본문 내용(텍스트, 이미지, 입력창, 버튼 등)
  • 실제 화면 구성 관련 내용