JAEJAE imojeomo

1. SVG란 ⭐️SVG(Scalable Vector Graphics): 확장 가능한 벡터 그래프픽셀을 이용해 그림 그리는 png, jpg 파일들과 다르게 벡터를 기반으로 이미지를 표현함그러다 보니 크기를 조절함에 따라 깨지는 것이 없고, 용량이 작기 때문에 웹에서 자주 사용하는 이미지 형식장점SVG 이미지는 마크업으로 쓰이므로 텍스트 에디터로 작성하고 또 작성된 이미지를 수정할 수도 있음벡터를 기반으로 그려지므로 사이즈를 크게 해도 깨지지 않음(scalable → 따라서 어떤 해상도에서 사용하든 동일)SVG 버전 1.1은 2011년 W3C 표준이 됨XML 포맷으로 파일이 작성되므로 JS나 CSS로 조작이 가능단점이미지가 복잡할수록 SVG만의 장점 감소Q) SVG 내부 도형 예시?A) rect>, cir..

1. 텍스트 관련 태그줄바꿈이 일어나는 태그~- 제목을 표시할 때 사용- 스크린 리더 사용자가 사용하는 탐색 기법은 제목에서 제목으로 옮겨가는 방식이기 때문에, 제목 단계를 뛰어넘으면 문서의 층위를 파악하는데 혼란이 있을 수도- 그래서 제목 단계는 순차적으로 늘어나야 함( 다음에 이 오지 않도록 하는 것)- 페이지당 하나의 태그 사용 - 수평줄이 생김- '주제가 바뀔 때' 분위기 전환을 위해 넣음('이 글의 주제가 여기서 바뀌었다'를 알리는 역할)- 표시한 공백(스페이스바로 띄운 공간)이 그대로 표시- CSS에서 지정할 수 있는 white-space 속성의 'pre'값이 같은 의미를 가짐- 태그 안쪽 텍스트가 인용문임을 알림, 본문보다 전체적으로 들여쓰기 됨줄바꿈이 일어나지 않는 태그- 태그 안쪽 텍스..

1. 웹 표준이란웹 표준엡 상에서 표준적으로 사용되는 기술웹사이트를 어떠한 운영체제에서나 어떠한 브라우저에서 보더라도 동일하게 보여지도록 W3C(World Wide Web Consortium) 기구 표준에 맞추는 것다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상 되고, 장애인, 고령자 등을 포함한 사용자층도 확대 가능하다는 장점이 있음최신 웹 표준 버전은 HTML5, CSS3임HTML5에서 추가된 내용canvas 기능 추가태그는 자바스크립트를 통해 다양한 그림을 그릴 수 있는 공간을 제공해줌해상도 독립적으로 SVG 그래픽을 활용하고 있어서 그래프를 그리거나 게임 그래픽이나 다른 기타 이미지를 실시간으로 그려서 사용할 수 있는 기능을 제공WebGL과 같은 3d..

1. DOCTYPE 란DOCTYPEHTML이 어떤 버전으로 작성되었는지 미리 선언해, 웹브라우저가 내용을 올바로 표시할 수 있도록 해주는 것쉽게 말하자면 문서형식을 정의해주는 것임 2. meta 태그란meta 태그HTML 문서가 어떤 내용을 담고 있고, 키워드는 무엇이며, 누가 만들었는지에 대한 정보를 담고 있는 태그https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML 같은 페이지나, CSS의 링크(HTML 컨텐츠를 CSS로 스타일링하기를 원한다면), 파비콘(favicon), 그리고 다른 메타데이터(작성" data-og-host="developer.mozilla.org" data-og-s..

문장 내 구조 : 굵게 강조 : underline to Tags: ... 점점 작아짐. 제목 태그용 : 줄 바꿈 : 단락으로 줄 바꿈 css 문법으로 속성 바꿀 수 있음 ex: : 사진 이렇게 사이즈 조정도 가능, 위치 상관x : 의 부모 태그 (도 사용가능) : 숫자가 매겨지지 않는 list(Unordeded list) : 숫자가 매겨지는 list(Ordered list) : 목차, 목록 : 링크 걸기 : 링크 클릭시 새 탭으로 열림 : 링크에 마우스 커서 올리면 툴팁이 나타남 전체 구조 : 페이지 제목 설정 : 웹 브라우저가 열 때도 utf-8로 열기 → 관용적으로 HTML이 담겨있다는 뜻으로 이라고 씀 : 설명하는 태그 : 본문 묶는 태그