CH1. HTML 1) HTML(HyperText Markup Language) 이전에는 다른 페이지로 이동하기 위한 요소만을 가리켰지만, 요즘에는 웹 문서를 이루고 있는 요소 하나하나를 전부 Hypertext라
MDN-h1사용일람(웹 접근성을 위한 권장)제목의 정보를 사용해 자동으로 문서 콘텐츠의 표(목차)를 만드는 등의 작업 수행 가능제목 단계를 건너뛰는 것을 피하라(목차를 만들기 위해서는 제목태그가 일관된 순서로 존재해야 하는데 단계를 건너뛴다면 작업 수행이 어려워지기 때
div (division)콘텐츠 분할 요소플로우 콘텐츠를 위한 통용 컨테이너CSS로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않음"순수" 컨테이너로서 아무것도 표현하지 않음span구문 콘텐츠를 위한 통용 인라인 컨테이너요소의 의미를 고려하여, 구조를 설계하고
1\. CH42\. CH5-609월 28일 ZEROBASE NKLCB 2일차🐣문서에 이미지를 넣는 태그src 속성 : img태그에 필수적이며, 포함하고자 하는 이미지의 경로를 지정alt 속성 : 이미지의 텍스트 설명 네트워크 오류, 콘텐츠 차단, 죽은 링크 등 이미
메타데이터 : 데이터를 설명하는 데이터 ex) 책의 저서, 사진의 제목 등검색 엔진에서 검색 시, head에 위치한 메타데이터를 통해 정보를 분류브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목텍스트만 포함할 수 있으며 태그를 포함하더라도 무시한 문서에는 하나
CSS : Cascading Style SheetsCSS는 모듈별 버저닝 함CSS는 룰 기반(Rule-based)의 언어 ➡ 여러가지 규칙을 나열한 것 CSS를 통해 특정 요소, 혹은 특정 요소들의 집합의 스타일 규칙을 정의할 수 있음 selector를 통해 스타
font-size폰트 크기기본값은 16pxfont-style폰트 모양 바꿈기본적으로 italic 사용font-weight폰트의 굵기 (100-900)기본값은 normal (400)font-family글꼴 자체를 변경하기 위해 사용여러 개를 나열해 앞에 위치한 폰트가 없
box-model 🐻
inline요소와 block요소를 바꿀 수 있음inlinewidth, height, margin, padding을 지정할 수 없음여러 요소가 가로 배치됨blockwidth를 지정하지 않으면 가로 전체를 차지함width, height, margin, padding을 지정
1\. CSS CH 6-910월 04일 ZEROBASE NKLCB 6일차🐣transition ➡ user의 특정 action에 따라 효과가 적용됨animation ➡ 자동으로 요소가 움직이게 할 수 있음 다수의 스타일에 대해서도 적용할 수 있음 keyframe을
웹페이지를 위한 이차원 레이아웃 시스템 (flex는 일차원) 콘텐츠의 행과 열 배치할 수 있음gutters or gaps : 각 행과 열 사이 공백table vs grid형태는 같으나 grid는 레이아웃에 사용table은 데이터에 관한 작업을 수행할 때 사용 (t
가능한 많은 사람이 웹 사이트를 사용할 수 있도록 하는 방법통상적으로 장애인만을 대상으로 한다고 생각하지만 실제로는 모바일 장치를 사용하는 사람이나 느린 네트워크 연결을 사용하는 사람들도 포함하여 모든 사용자를 대상으로 함시맨틱한 HTML은 \*SEO 향상시킴접근성에
시각, 청각, 신체, 언어, 인지, 학습 및 신경 장애 등 광범위한 장애뿐만 아니라 노화로 인해 신체 능력이 변하는 노인을 비롯한 비장애인들의 접근성을 증진시키는 방법을 정의한다.웹 접근성은 접근 가능한 콘텐츠뿐만 아니라 웹 브라우저 및 다른 사용자 에이전트들에도 영향
: 품질 지표에 대한 통합적 지침을 제시Chrome UX Report : 실제 Chrome 사용자가 경험하는대로, 각 Web Vital에 대해 사이트의 성능을 빠르게 평가할 수 있음: 핵심 사용자 경험 요구사항. 모든 웹 경험에서 중요한 사용자 경험의 공통 집합\[ht