Language/HTML | CSS

애를 많이 먹었던 자동 슬라이드 구현을 미리 적어두려고 한다. 이미지가 옆으로 넘어가는 슬라이드 구현을 위해 float:left를 적용했지만 좌측으로 넘어가지 않았다.이미지가 들어가는 부모 영역을 벗어나는 경우 그 옆으로 가지 않고, 아래로 내려갔다.부모 영역의 width를 증가시키면 그만큼 너비가 넓어져, 보이지 않아야 하는 다른 이미지들이 모두 옆으로 밀렸다.이를 위해서 overflow:hidden을 적용해도 이상하게 사라지지 않았다.여러 사이트를 돌고 돌아 결국 맞는 방법을 알아냈다. 하단 참조에 있는 두 블로그를 참고하였다. 여러 사이트를 찾고, 구글링을 해보았지만 결과적으로 도움이 되었던 곳은 참고에 있는 블로그였다. 코드의 자세한 설명은 블로그를 통해 볼 수 있다.  HTML ..

콘텐츠 섹션문서를 논리적인 조각으로 구성한다. 레이아웃 구성을 위한 공간 분할 용도로 사용하는 구조 태그. 문서의 헤더 HTML문서에 포함된 독립적인 세션 문서나 페이지 등 독립적으로 구성하는 요소 주요 콘텐츠와 연관된 것. 주로 사이드에 위치 다른 페이지나 다른 부분과 연결되는 내비게이션 문서의 푸터텐츠 섹션   텍스트 관련 태그  ~ Headings태그. h1부터 h2, h3, …, h6까지 있다. h1는 중요한 제목을 나타내고, 점점 글자가 작아진다. See the Pen Untitled by euuns (@euuns) on CodePen.">See the Pen Untitled by euuns (@euuns) on CodePen.  와 b태그와 strong태그는 둘 다 blod체로 텍스트..

웹 브라우저주소에 대응되는 서버에 페이지를 요청하고, 클라이언트에게 페이지를 응답해주는 것. 우리가 사용하는 인터넷은 요청과 응답으로 처리된다. 네이버에서 검색을 할 때, 사용자(클라이언트)는 네이버(서버)에 '질문'에 대한 검색 페이지를 요청한다. 네이버(서버)는 요청에 맞는 페이지를 사용자(클라이언트)에게 응답하여 돌려준다.  HTML (Hyper Text Markup Language)html은 마크업 언어로 이루어져 있다. 웹 구성은 HTML, CSS, JavaScript 세 가지로 나눌 수 있는데, 그 중 HTML은 전체적인 뼈대를 담당한다. 마크업 언어는 텍스트 인코딩 시스템으로 다른 언어와 다르게 작성한 텍스트가 직접적으로 나타난다. 어느 태그도 넣지 않고 body안에 아무렇게나 작성해도, 그..