HTML의 기초

신동건·2025년 9월 2일

코딩

목록 보기
4/11

HTML이란?

  • HTML(HyperText Markup Language)는 웹 페이지를 만들기 위한 기본적인 마크업 언어.
  • 문서의 구조화 콘텐츠를 정의할 수 있음.
  • 작성된 HTML 문서는 웹 브라우저에서 랜더링 되어 사용자에게 보여짐.

    <HTML문서를 작성한 모습>

    <랜더링 된 모습>
  • 문서와 브라우저에 렌더링된 화면을 비교해서 보면,
    <body></body> 사이에 있는 것들만 브라우저에 표기된 것을 볼 수 있음.
  • HTML 문서는 크게 <head><body>로 구분할 수 있는데 <head>는 웹 문서에 필요한 설정,
    <body>는 실제로 사용자에게 보여지는 부분.

웹 문서를 구성하는 요소(element)

  • 웹 문서는 요소로 구성됨.
  • <body></body>를 묶어 <body> 요소라고 함.
  • 위의 예시에서 <body></body> 사이에 <h1>요소와 <p>요소가 있음.
  • 따라서<body> 요소의 영역 안에 <h1> 요소와 <p> 요소가 들어 있다고 표현할 수 있음.
  • 또, <body> 요소를 <h1> 요소와 <p> 요소의 부모 요소, <h1> 요소와 <p> 요소를 <body> 요소의 자식 요소라고 부르기도 함.
  • HTML 요소의 종류는 굉장히 다양함.

여는 태그와 닫는 태그

  • 요소는 여는 태그와 닫는 태그로 구성됨.
  • 여는 태그란 요소의 시작점을 의미.
  • <h1> 요소를 예로 들면, <h1>은 여는 태그, </h1>은 닫는 태그.
  • 여는 태그와 닫는 태그 사이에는 텍스트를 넣을 수도 있고, 또는 자식 요소를 추가할 수도 있음

HTML을 학습할 수 있는 사이트

profile
사랑합니다.

0개의 댓글