본문 바로가기

HTML

(3)
HTML 클래스 작명법 BEM(Block Element Modifier) 요소__일부분 : Underscore 기호로 요소의 일부분을 표시합니다. 요소--상태 : Hyphen 기호로 요소의 상태를 표시합니다.
HTML 기초 정리 요소의 특징 요소가 화면에 렌더링 되는 특징으로 크게 아래 두 가지로 구분됩니다. [인라인(Inline) 요소] - 글자를 만들기 위한 요소들 (ex. span 태그) span 태그는 대표적인 인라인 요소이며, 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도로 사용됩니다. 요소가 왼쪽에서 오른쪽으로 수평으로 쌓입니다.. 연속된 인라인을 줄 바꿈 하여 작성 시 띄어쓰기가 적용됩니다. 가로와 높이 사이즈가 포함된 콘텐츠 크기만큼 자동으로 줄어듭니다. 인라인 요소는 글자를 취급하는 요소이기 때문에 가로와 세로 사이즈를 가질 수 없습니다.(CSS로 가로 / 세로 지정 불가능) 인라인 요소는 외부 여백(margin)과 내부 여백(padding)의 top과 bottom 적용이 불가능합니다. 인라인 ..
웹 사이트 기초 정리 이번 게시글은 부끄럽게도 너무 당연하게 생각한 웹 사이트 작동 원리와 브라우저에 대해 보다 명확하게 인지하고자 작성을 진행하게 되었습니다. 웹 사이트 작동 방식 사용자는 브라우저를 통해 통신 프로토콜이 포함된 주소를 입력하게 되면, 해당 주소에 맞는 서버에 최초 요청(Request)을 보내게 됩니다. * 통신 프로토콜 : 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고받는 양식 및 규칙의 체계를 의미합니다. (HTTPS, HTTP, FTP, SSL 등) 최초의 요청이 서버에 보내지게 되면 요청이 들어온 사용자의 브라우저로 서버가 최초의 응답(Response)으로 HTML을 보내주게 됩니다. * HTML : 웹 페이지의 구조를 담당합니다. HTML을 응답으로 받은 사용자의 브라우저는 해당 HTML에 맞는..