choco's story

컨테이너 태그컨테이너 태그란?: 콘텐츠나 레이아웃에 아무런 영향을 주지 않고, 여러 요소들을 묶어 관리하기 편하게 해주는 태그보통의 개발자들은 콘텐츠 내용을 구분하거나 공통적인 스타일을 적용할 때 컨테이너를 사용합니다.아래 두 가지 태그가 컨테이너 역할을 하는 태그들입니다. ~ : 블록 레벨 컨테이너 ~ : 인라인 레벨 컨테이너직접 코드를 작성해보며 컨테이너 영역이 어떤 식으로 이루어지는지 확인해보도록 하겠습니다.컨테이너 영역 예시 컨테이너로 영역 구분 - 블록 레벨 블록 레벨 영역 내부 컨테이너로 영역 구분 - 인라인 레벨 인라인 레벨 영역 내부 이 문단 텍스트에서 인라인 레벨 영역은 이 부분입니다. ..

img 태그img 태그란?: .html 문서에서 이미지를 표시할 때 사용하는 단일 태그.html 문서에서는 이미지를 넣을 때도 태그를 사용합니다.img 태그는 단일 태그로 콘텐츠를 적지 않는 대신, 해당 태그의 속성에 삽입하려는 이미지에 대한 정보를 주어야 합니다.img 태그의 기본 형태는 다음과 같습니다.여기에 추가로 width, height 등의 너비와 높이 옵션도 추가하여 이미지의 크기와 높낮이를 조절할 수 있습니다.여기서, 너비와 높이는 각각 픽셀(px) 단위입니다!이미지 넣기 예시 웹 브라우저에 이미지 표시하기 width = 너비, height = 높이 img 태그에 지정한 크기대로 이미지가 나타나는 것을 알 수 있습니다.+ alt 속성은 왜 쓸까?alt는 al..