코딩눕

택스트 관련 태그 HTML 문서 안에 텍스트는 태그 안에만 작성하면 웹 페이지에 표시됩니다. 하지만 HTML에서는 텍스트 작성을 위한 태그들이 별도로 존재합니다. 이 텍스트 관련 태그들을 사용해 보다 쉽게 텍스트 관련 설정을 할 수 있고, 검색 엔진이 웹 페이지를 분석하는 데에 도움을 주기도 합니다. HTML 삽입 미리보기할 수 없는 소스 태그는 웹 문서의 제목을 나타내는 태그입니다. h1~h6 까지 총 6 종류가 있으며, 작은 숫자일수록 텍스트의 크기가 크고 상위 타이틀로 인식합니다. h1: 해당 웹 페이지 또는 메인 섹션의 제목으로 사용. 하나의 페이지에 하나만 사용하는 것이 일반적 h2: 일반적으로 섹션의 제목으로 사용됨 h3: 섹션 내 하위 제목으로 사용됨 h4 ~ h6: 더 하위의 섹션 또는 세..

웹 페이지의 영역을 나눠주는 태그와 시맨틱 태그 우리가 웹 페이지에서 볼 수 있는 요소들은 태그 안에 작성됩니다. 하지만 그냥 작성된 것이 아닌 각각의 역할에 따라 레이아웃이 구분돼서 작성되어야 사이트를 보다 구조화할 수 있습니다. 예를 들어, 네이버를 크게 나눠보면 헤더(header), 메인(main), 사이드바(sidebar), 여기엔 나와있지 않지만 스크롤을 내려 확인할 수 있는 푸터(footer) 영역 등으로 이루어져 있고, 그 안에서 쪼개지는 다양한 레이아웃이 있습니다. 이렇게 관련 있는 콘텐츠마다 영역을 나눠주기 위해 와 시맨틱 태그를 사용하는데, 각 태그들에 대해 알아보는 시간을 가져보도록 하겠습니다. "division"의 약어로, 웹 페이지 콘텐츠의 레이아웃을 나눠주는 역할 태그 자체에 특..

HTML 기본 구조 웹 브라우저가 문서를 어떻게 해석해야 하는지 알려주는 선언문(태그 X) HTML 문서가 어떤 버전의 표준을 따르는지 명시 이를 통해 해당 문서를 렌더링하는 데에 필요한 적절한 규칙 & 모드를 선택 브라우저에게 표준 모드로 렌더링하도록 유도하여, 호환성 문제 방치 및 최신웹 표준을 준수하게 함 작성 시 대, 소문자를 구분하지 않음 HTML 문서의 시작을 알리는 태그 문서의 모든 내용은 태그 안에 있어야 한다. 태그에 가장 많이 사용하는 속성은 "lang"이며, 해당 문서의 기본 언어를 지정. 이를 통해 스크린 리더나 브라우저, 검색 엔진 등에 사용해야 하는 언어 정보를 제공. .... NO CSS, JavaScript 행동 강령 HTML만 사용한 웹 사이트에 Social Credit +..