웹 제작 BODY태그와 너비,높이

유필선·2024년 4월 5일

HTML , CSS , JS

목록 보기
2/13

BODY태그

  1. body 크기는 화면 크기에 비례한다.
  2. html 문서는 DOCTYPE이 선언되어야 한다.
    (codepen은 코드를 쉽게 작성하기 위한 에디터이기 때문에 DOCTYPE이 선언된 상태로 숨겨져 있다.)
  3. html 문서는 크게 head와 body로 구분되어 있다.
  • head : html 문서에 대한 정보
  • body : html 구조(뼈)가 시작되는 부분으로 생각하면 된다.

BODY크기 codepen

너비(WIDTH)

픽셀(Pixel) : 디지털 화상을 구성하는 기본적인 단위로 사각형으로 된 점을 말한다

  • 각각의 색상 정보들이 모여 만들어지는 것을 "이미지"라고 한다.

  • 인쇄물을 만들 때는 CMYK 컬러로 만들고 웹상에서는 RGB를 사용한다.

  • 웹 프로그래밍을 사용할 때는 RGB 또는 HEX 컬러로 사용해야 한다.
    너비속성(width) codepen

    높이(HEIGHT)

    태그가 눈에 보이기위한 조건 3가지

  1. 너비(width)
  • width의 기본값은 auto이다.
  1. 높이(height)

  2. 색상(background-color)

  • 스마트폰을 제작할 때 너비 , 높이, 컬러 中 1개라도 없으면 볼 수 없는 것 처럼
    웹 제작에서도 html에서 입력하여 기본적으로 구성된 것이 없다면 보이지 않는다.
  • 텍스트가 들어있을때 높이가 보이는 이유는 텍스트에 높이가 있기 때문이다.
    높이(height) codepen
profile
이해해버려라!

0개의 댓글