본문 바로가기

html3

블록 구조(Block) / 인라인(Inline) 구조 블록구조(block) / 인라인 구조(inline) 블록구조 / 인라인 구조에 대해 알아보는 시간을 가지도록 하겠습니다. 01. 블록구조(block) / 인라인 구조(inline)의 특성 블록 레벨 요소는 마크업을 할 때 줄이 바뀌는 특성을 가지고 있습니다. 인라인 요소는 블록 레벨 요소와 달리 줄 바꿈 특성이 없습니다. 즉, 행이 바뀌지 않고 한줄로 출력됩니다. 마크업을 할 때 블록 레벨 요소와 인라인 요소의 특성을 잘 알고 있어야 문법적 오류를 방지할 수 있습니다. 특징을 정리해보면 아래와 같습니다. 요소 유형 특징 자주 사용하는 태그 블록 레벨 요소 1. 블록 레벨 요소는 줄 바꿈이 일어납니다. 2. 블록 레벨 요소는 텍스트(문자)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 3. 블록 레벨 .. 2022. 8. 20.
구조 관련 요소 구조 관련 요소 구조 관련 요소들에 대해 알아보는 시간을 가지도록 하겠습니다. 피그마의 구조대로 HTML 틀을 잡고, CSS를 입혀줍니다. 01. , , , , , 요소 유형 태그명 태그의 의미 및 특징 블록 레벨 요소 1. HTML 문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색 등의 내용들을 포함할 수 있습니다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만 , 태그는 포함할 수 없습니다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별로 그룹화해주는 태그이며 섹션 주제에 대한 제목 요소 (~)를 포함하는 것이 좋습니다. 2. 텍스트, 인라인 요소, 블록레벨 요소를 포함할 수 있습니다. 1. HTML 문서의 푸터 영역을 의미하는 태그로 섹션 작성자나 저작권에 대한 .. 2022. 8. 14.
웹 표준/웹 접근성/웹 호환성 웹 표준 / 웹 접근성/ 웹 호환성 웹 표준 / 웹 접근성/ 웹 호환성에 대해 알아보는 시간을 가지도록 하겠습니다. 01. 웹 표준(Web Standards)이란? 웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 표준화 단체인 W3C(World Wide Consortium)가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript 등에 대한 규정을 담고 있으며 웹 표준의 궁극적인 목적은 웹사이트에 접속한 사용자가 어떠한 운영체제나 브라우저를 사용하.. 2022. 8. 9.
HTML

HTML

자세히 보기
CSS

CSS

자세히 보기

JAVASCRIPT

자세히 보기

티스토리툴바