choco's story

태그의 구분블록 요소 vs 인라인 요소블록 레벨 요소: 자신이 속한 영역의 너비를 모두 차지하여 블록 형성 인라인 요소: 자신에게 필요한 만큼, 즉 실제로 사용하는 공간만 차지블록 요소 & 인라인 요소 영역 구분 예시 블록 요소 블록 요소가 차지하는 영역의 크기를 테스트 중입니다. 인라인 요소 인라인 요소가 차지하는 영역의 크기를 테스트 중입니다. 이 코드를 실행하고 개발자 모드(F12)를 통해 각 요소의 영역을 확인해봅시다.블록 요소인 p 태그는 문장이 끝났어도 해당 영역 전체를 차지합니다.인라인 요소인 span 태그는 해당하는 텍스트의 영역만 차지합니다.span 태그는 해당 태그 자체로는 의미가 없습니다. 특정 영역에만 속성값을 추가하..

문단(paragraph) 태그p 태그 : 문단 요소를 나타내는 태그로, 가장 많이 쓰이는 텍스트 태그하나의 p 태그는 하나의 문단을 표현하고, 문단 사이에는 공백이 있습니다.문단 태그 사용 예시 텍스트를 표시하고 있습니다. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure..

HTML 문서의 구조보통 .html 문서는 다음과 같은 구조를 기본으로 가집니다. 출처 : https://codingeverybody.kr/category/html/이란?: 문서의 첫 부분에서 문서 유형을 지정해주는 단일 태그웹은 과거와 다르게 매우 빨리 발전하고 있으니, 현대 웹 표준에 맞출 수 있도록 이러한 선언을 하는 것입니다.즉 html은 버전 변경이 잦았는데, 현재 표준 html 버전을 위해 사용하는 것입니다.이를 표준 모드(Standards Mode) 라고 하며, 표준 모드는 최신 웹 표준을 강제로 쓰게 하고 현대 브라우저 전반에서 일관되고 예측 가능한 렌더링이 되도록 보장해줍니다.반대되는 개념...쿼크 모드(Quirks Mode): 구형 브라우저에서 ..

HTML 문법 - 태그태그란?HTML 코드에서 정보(콘텐츠)를 정의하는 형식태그는 ~ 기호를 사용하여 콘텐츠 하나의 시작과 끝을 표시합니다.태그에는 다양한 종류가 있으며, 태그명은 해당 콘텐츠의 성격과 어떤 콘텐츠인지 의미를 나타내게 됩니다.브라우저에 어떻게 표시해야 하는지 알려주는 역할이라고 이해하면 쉽습니다!기본 태그 사용 방식 콘텐츠 넣는 위치 태그는 보통 위 사용 방식 처럼 ~ 기호를 사용하여 시작과 끝을 표시하지만, 가끔 이렇게 시작과 끝을 구분하지 않아도 되는 태그도 존재합니다.이는 단일 태그라고 합니다.단일 태그 사용 방식또는단일 태그는 콘텐츠를 감싸는 것이 아니기 때문에, 시작과 끝을 구분할 필요도 없습니다!HTML 문법 - 속성속성이란?태그에 부가적인 기능을 정의하는 것 (선택 사..