june blog

반려묘을 키우는 방법 반려묘을 키우는 것은 책임감 있는 일입니다. 경제적 능력 반려묘가 아플떄 병원도 가야하고 사료,모래 끊이지 않게 공급해야함 아무튼 돈이 많이 들어감 자세히보기 고양이 알레르기 고양이는 생각보다 털이 많이 날리는 동물임 천식있으시면 정말 신중하게 생각 해야함 자세히보기 완성 보통 홈페이지에서 많이 쓰이는 section 구조이다. 일단 html 과 css 만으로 구성을 했고 동적 요소는 다음에 자바스크립트를 이용해서 추가 할 예정입니다. 내가 생각 했을때 홈페이지를 구성할때 중요한건 구성인거 같다. 구성을 잘 짜야지 나중에 큰일이 없을꺼 같다. 구성을 잘못 짜면 나중에 유지보수 할떄 많이 힘들꺼 같다. 그리고 시멘틱 태그는 아직 쓰임새가 익숙하지 않다. 더 공부를 해야겠다.

1. HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색등의 내용들을 포함 할수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없습니다. See the Pen header tag by ture403 (@ture403) on CodePen. 1. HTML 문서의 메인 메뉴나 목차 등을 정의해 주는 태그입니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함 할수 있습니다. See the Pen nav tag by ture403 (@ture403) on CodePen. 1. HTML 문서에서 맥락이 같은 요소들은 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소 ( ~ )를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 요소,..

힛힛힛

시멘틱 마크업 시멘틱 (semantic) 의 사전적 뜻은 '의미론적인' 정도로 해석할 수 있는데, 이것은 마크업 할 때 의미에 부합하는 태그를 사용하라는 뜻입니다. 즉, 의미를 잘 전달 할 수 있도록 HTML 태그 문서를 작성하는 것을 말합니다. 시멘틱 마크업 종류 시멘틱 마크업 태그의 종류는 엄청 다양하지만, 주로 사용되는 태그에 대해서만 알아보도록 하겠습니다. header : 소개 및 탐색에 도움을 주는 콘텐츠를 나타냅니다. 제목, 로고, 검색 폼 등의 요소가 포함될 수 있습니다. nav : 문서의 부분 중 현재 페이지 내, 또는 다른 페이지로의 링크를 보여주는 내비게이션을 말합니다. 메뉴, 목차, 색인 등에 사용됩니다. main : 문서 의 주요 콘텐츠를 나타냅니다. article : 문서, 페이지..

인라인 레벨 요소 (Inline Element) 인라인 요소는 마크업을 할떄 가로롤 정렬이 됩니다. 인라인 요소는 텍스트라고 생각하면 됩니다. 하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우로 다른 태그가 나란히 위치할 수 있는 요소들입니다. 행 안의 일부분이라고 보시면 됩니다. 텍스트레벨요소라고도 합니다. 인라인 요소 특징 인라인 요소는 줄 바꿈이 일어나지 않습니다. 인라인 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 인라인 요소는 블록 레벨 요소를 자식 요소로 포함할 수 없습니다. 블록 레벨 요소(Block-level Elements) 블록 레벨 요소는 마크업을 할 떄 줄이 바뀌는 특성을 가지고 있습니다. 블록요소는 하나의 박스라고 생각하면 됩니다. 하나의..