HTML 시작하기
HTML은 HyperText Markup Language의 약자로, 웹페이지의 구조와 내용을 정의하는 기본 골격과 같습니다.
먼저 하이퍼텍스트(HyperText)
는 텍스트에 하이퍼링크라 불리는 링크(Link)
가 포함된 것을 뜻합니다.
사용자가 이 링크를 클릭하면 다른 웹페이지, 이미지, 동영상 등 다양한 콘텐츠로 손쉽게 이동할 수 있습니다.
이러한 하이퍼텍스트 기반의
링크
를 통해 콘텐츠를 탐색하는 것은, 웹이 수많은 웹페이지를 서로 연결하여 구성되는 기본 원리입니다.
또 다른 중요한 개념인 마크업 언어(Markup Language)
는 문서나 데이터의 구조를 정의하기 위해 사용되는 코드나 태그(Tag)를 의미합니다.
HTML은 이러한 태그를 사용해 문서의 의미와 레이아웃을 지정합니다.
예를 들어 h1
은 가장 큰 제목(Heading1)을 의미하고, <p>
는 일반적인 텍스트로 구성된 단락(Paragraph)을 의미합니다.
다음은 간단한 HTML 코드 예시입니다.
HTML 코드 예시
간단한 HTML 코드
<html> <head> <title>제목</title> </head> <body> <h1>안녕하세요</h1> <p>반갑습니다</p> </body> </html>
위 HTML 코드는 <html>
, <head>
와 같이 꺾쇠 괄호(<, >)
로 감싸진 요소들로 구성되어 있습니다.
이러한 요소들은 무엇이고, HTML에서 어떻게 작용할까요? 다음 수업에서 함께 알아보겠습니다 👨🏻💻
실습
코드의 별표로 강조된 부분을 따라 입력해 보세요.
Mission
0 / 1
HTML에서 단락을 나타내는 태그는 <paragraph>
이다.
○
✕
학습 자료
AI 튜터
배포
디자인
업로드
수업 노트
즐겨찾기
도움말