Youna

section태그란 태그는 주제별 그룹의 섹션 태그를 설정하고 문서의 독립적인 컨테츠 섹션을 설정합니다. 부문,구역,영역을 나타내는 기능을 가지고 있으며 문단이라던지 1장,2장,1절, 2절 등과 같이 이루어지는 글 등을 하나의 그룹 혹은 묶음으로 다루어즌 역할을 하고 있습니다. 이러한 섹션을 구체적으로 나타내는 요소로는 , , , 가 있습니다. section 관련 태그 문서의 주요 콘테츠 영역을 설정합니다. 주제별 그룹의 콘테츠 섹션을 설정합니다. 문서의 독립적인 컨테츠 섹션을 설정합니다. 블로그나 뉴스 기사내용 공지사항들을 나타낼 때 적절 합니다. 주요 컨테츠의 보조적 컨테츠 섹션을 설정합니다. 예를 들어 사이드바 , 최근 글 목록, 인기 목록 등을 나타낼 때 적절합니다. 문서의 소개 및 메뉴 링크를 ..

텍스트 관련 요소 01. 제목 관련 태그 요소유형 태그명 태그의 의미 및 특징 블록 요소 ~ 제목 글자 태그 h1이 제일 높고 h6가 제일 낮음 02.글자 형태 태그 요소유형 태그명 태그의 의미 및 특징 인라인 요소 강조하고 싶은 텍스트를 정의하기 위한 태그이며 기울임체로 표시됩니다. 중요한 텍스트를 정의하기 위한 태그이며 굵은체로 표시됩니다. 주의 깊게 볼 텍스트 부분을 강조하기 위한 태그이며 노란색으로 표시됩니다. 의미를 가지고 있지 않으며 단순히 텍스트를 굵은체로 표시합니다. 주의 사항, 법적 제한, 저작권 등을 정의하기 위한 태그이며 작은글씨로 표시됩니다. 아래첨자 텍스트를 정의하기 위한 태그입니다. 위첨자 텍스트를 정의하기 위한 태그입니다. 텍스트 요소 중에 태그와 태그는 의미가 비슷해 보일 수..

마크업이란? 마크업(Mark up)이란 마크(Mark)로 둘러 싸인 언어로 태그(Tag)로 둘러싸여있다고 표현하기도 합니다.HTML, XML 등의 마크업 언어들은 문서의 구조를 정의합니다. 쉽게 말하면 문서의 골격에 해당하는 부분을 작성하는데 사용합니다. 시멘틱 마크업 (Semantic markup) 시멘틱(Semantic)사전적 뜻은 "의미론적인" 으로 해석할 수 있는데, 이것은 마크업을 할 때 의미에 부합하는 태그를 사용하라는 뜻을 가지고 있습니다. 시멘틱한 마크업을 사용하는 이유는 HTML 문서들은 보통 시각적인 방법으로 사용자들에게 정보를 전달하지만, 모든 사람들이 정보를 동일하게 받아들일 수 있는 환경이 아닐 수 있다는 점을 유의해야 합니다. 예를 들어 시각장애인의 경우 HTML 문서의 콘테츠 ..

이미지출처 블록 레벨 요소 (Block-level Elements) 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 블록 요소는 하나의 박스여서 한 줄을 모두 차지하는데 이 때 한 줄을 차지한다는 말은 너비가 100%라는 얘기입니다. 따라서 왼쪽과 오른쪽에 붙을 공간이 없어 자연스러운 줄넘김이 가능합니다. 블록 속성을 가진 요소들 중에는 , , 요소들과 , , 이 있습니다. 주로 화면구성과 레이아웃을 만들 때 사용 됩니다. 따라서 블록 레벨 요소는 한 묶음으로 이루어져 오롯이 하나의 존재로 이루어져 있는 요소로 그 안이 비어져 있습니다. 텍스트와 인라인 요소를 자식 요소로 포함 하여 집어 넣을 수 있습니다. 블록레벨 요소 중에는 블록레벨 요소를 자식으로 포함할 수 있는 요소와 없는..