Lumpy Space Princess - Adventure Time

HTML 5

문서와 관련된 태그(Document Related Tag)에 대해서 알아보자

태그는 문서의 최상단 요소를 나타냅니다. 태그는 문서 정보에 해당하는 내용을 설정합니다. 태그는 문서 본문에 해당하는 내용을 설정합니다. 태그는 문서의 기본 URL을 설정합니다. 태그는 문서의 외부 리소스를 설정합니다. 태그는 문서의 메타 정보를 설정합니다. 태그는 문서의 스타일 정보를 설정합니다. 태그는 문서의 제목을 설정합니다.

HTML 2023.02.22

섹션과 관련된 태그(Section Related Tag)에 대해서 알아보자

태그는 문서의 주요 콘텐츠 영역을 설정합니다. 주요 콘텐츠 영역은 문서의 핵심 주제나 앱의 핵심 기능에 직접적으로 연결됐거나 확장하는 콘텐츠로 이루어집니다. 속성 없이는 문서에 하나보다 많은 요소가 존재하면 안됩니다. main 요소의 컨텐츠는 문서의 유일한 내용이어야 합니다. 요소 개요에 영향을 주지 않고, body 등의 요소나 h2와 같은 제목 요소와 달리 페이지의 개념적 구조를 바꾸지 않으며 온전히 정보를 제공합니다. 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. 보통 은 제목을 포함하지만, 항상 그런 것은 아닙니다. 이 요소는 전역 특성만 포함합니다. 각각의 을 식별할 수단이 필요합니다. 주로 제목(-)..

HTML 2023.02.22

시멘틱 마크업과 논리적인 순서 마크업에 대해 알아보자

마크업(markup) 마크업이란, ,, 등과 같이 명령어의 형태가 각 괄호로 되어있는 태그의 시작과 종료 즉, 와 의 형태인 요소들로 코딩을 한 것입니다. 마크업을 할 때 지켜야 하는 기본 문법 규칙이 있습니다. 1. 요소는 시작 태그와 종료 태그가 있어야 합니다. 예시: 요소는 시작 태그와 종료 태그가 있어야 한다. 2. 요소는 제대로 중첩되어야 합니다. 예시: 중첩된 요소가 있을 때는 바르게 표현해야 한다. 3. img 태그에는 alt 속성이 있어야 합니다. 예시: 4. 권장하는 사항도 있습니다. 예시1: 태그나 속성은 소문자로 마크업 하는 것을 권장한다. 예시2: 속성의 값에는 따옴표 처리를 권장한다. 5. 주석처리 방법 주석 내용은 설명문이기 떄문에 브라우저 화면에 출력되지 않게 합니다. 예시: ..

HTML 2023.02.17

인라인 레벨 요소와 블록 레벨 요소의 설명과 차이점에 대해 알아보자

블록 레벨 요소(Block-level Element) 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 블록 요소는 하나의 박스라고 생각하면 됩니다. 블록 레벨 요소의 태그들: 제목 ~: 1. HTML 문서에서 제목 (heading)을 정의할 때 사용하는 태그. 2. 텍스트와 인라인 요소를 포함할 수 있지만 블록 레벨 요소는 포함할 수 없다. 3. 스크린 리터(음석낭독프로그램)에서는 제목의 수준으로 바로 이동할 수 있기 때문에 번호순으로 정의하는 것이 좋다. 문단 : 1. HTML 문서에서 단락 (paragraph)을 정의할 때 사용하는 태그. 2. 텍스트와 인라인 요소를 포함할 수 있지만 블록 레벨 요소는 포함할 수 없다. 3. 텍스트의 행을 바꾸려면 태그를 사용한다. 인라인 요소..

HTML 2023.02.17