본문 바로가기

HTML3

[HTML] 블록구조와 인라인 구조 블록(block) 구조 / 인라인 구조(inline) 블록 구조와 인라인 구조는 요소의 종류라고 볼 수 있습니다. 블록 구조는 박스, 인라인 구조는 텍스트 형식이라고 쉽게 생각하시면 됩니다.😆 또한 태그의 종류에 따라 기본적으로 블록과 인라인 구조가 설정되어 있으며 css 속성인 display를 통해 임의적으로 바꿔줄 수도 있습니다. 그럼 아래에서 더 자세히 알아보겠습니다! ! 자투리 지식 ! 요소 = 이것은 요소 입니다. 즉 로 한 쌍이 되었을 때 요소라 볼 수 있습니다. #1. 블록(block) 구조 🧱 블록 구조란 일반적으로 줄바꿈이 일어나는 형태로 요소가 가로로 정렬되지 않습니다. 즉 전체 가로가 1000px, 블록 구조인 요소의 가로가 400px이라고 가정했을 때 가로 여백이 600px남았어도 .. 2022. 8. 22.

[HTML] 구성 관련 요소 HTML : 구조 관련 요소 = 시멘틱 태그 시멘틱 태그란 해석 그대로 의미가 있는 태그로도 볼 수 있습니다. 즉 구조를 나타내는 태그로 정보를 구체적으로 선언하여 웹표준과 접근성을 준수하기 위한 태그이기도 합니다. 먼저 구조 요소가 어떤 것이 있는지 살펴본 후 시멘틱 태그를 사용하여 레이아웃을 구성해보도록 하겠습니다. 구조 관련 요소(=시멘틱 태그) 구조 관련 요소에는 , , , , , 가 있습니다. 요소 유형 태그형 태그의 의미 및 특징 블록 레벨 요소 1. HTML문서의 헤더 영역을 의미하는 태그로 제목이나 내비게이션, 검색 등의 내용들을 포함할 수 있다. 2. 텍스트, 인라인 요소, 블록 레벨 요소를 포함할 수 있지만,, 태그는 포함할 수 없다. 1. HTML 문서에서 맥락이 같은 요소들을 주제별.. 2022. 8. 16.

웹 표준성/ 웹 접근성/ 웹 호환성 웹 표준 / 웹 접근성 / 웹 호환성 웹페이지를 만들기 위해서는 지켜야할 규칙이 총 3가지가 있다. 3가지 규칙은 웹표준, 웹 접근성, 웹 호환성으로 웹 표준 하나만 준수 한다고 해서 웹 접근성이나 웹 호환성이 보장되지 않으며 웹 호환성을 준수하더라도 웹 접근성은 보장되지 않는다. 때문에 웹 표준, 웹 접근성, 웹 호환성 3가지 모두를 지키는 것이 중요하다. 1. 웹 표준 웹 표준이란 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법을 의미한다. 웹표준은 표준화 단체인 W3C(World Wide Consort.. 2022. 8. 9.

이전 1 다음

728x90

Lucky Charms Rainbow

JAVASCRIPT

html

HTML

css

CSS

티스토리툴바