프론트엔드 스쿨 공부기록

ABOUT HTML🕵🏻‍♀️ 🤚🏻 HTML을 알기전에 먼저, 웹표준과 웹접근성, 호환성에 대해 알고가자! 표준, 접근성, 호환성 이 3가지를 모두 방향성을 가져야만 좋은 코드를 작성할 수 있다. WEB STANDARD 표준을 지키지 않는다면, 모두 다른 모양의

HTML의 요소들은 텍스트 요소, 구조를 나타내는 요소, 목록과 표, 임베디드 요소, 폼관련 요소, 메타데이터 요소, 전역 속성으로 나누어 살펴보고자한다. 그중 기본으로 알아야할 HTML에 대해 간단히 알아보고자 한다. (공부한 내용을 바탕으로 잊지 않기 위해 공부 후

(1) b : 독자의 주의를 요소의 콘텐츠로 끌기 위한 용도로 사용된다. (굵은 글씨)🌵 태그 b를 통해 텍스트를 꾸미기 보다 스타일링은 css를 통해 하길 권장함 (2) strong : 동일하게 글씨체를 굵게 만들어 준다. : 앞, 뒤 내용에 비해 정말 중요한 내용

: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는

HTML 목록 : ul ol li > * 순서가 있는 목록 (단계수행, 레시피, 순서 ) Ordered List = 정렬 순서가 없는 목록 (아이템 나열 ex) 메뉴판 ) Unodered List = 비정렬 순서가 있는 목록 Ordered List (1) type

: 이미지 삽입 요소, 이미지의 속성을 이용하여 작성 👉🏻 이미지를 삽입하는 방법 : visual studio code를 통해 연습해볼것!(1) 상대경로 ⚬ 이미지 파일 만들기 ⚬ 파일 안에 이미지를 삽입해주기 (2) 절대경로 ⚬ 이미지 경로 복사 or 다른 이름으

: 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서구획ex) 회원가입, 설문조사 등 : form이 다른 form을 자식 요소로 포함할 수 없다.⚬ action 전송한 정보를 처리할 웹페이지의 URL⚬ autocomplete 사용자가 이전에 입력한 값으로 자동 완성