네이처리 노트

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🔮 양식 form과 속성 웹서버에 정보 제출하기위한 양식 범위 input과 속성 사용자에게 입력 받을 데이터 양식 type에 따라 위의 속성이 다르게 사용된다. input type의 종류는 아래와 같다. 같은 name 속성 그룹 내 하나만 선택 가능 가려지는 양식 이미지 제출 버튼, 처럼 사용 보이지 않지만 전송할 양식, value 속성으로 값을 지정 해당 범위 내 모든 양식 해당 범위 내 고유한 양식 ▶input file 일 때, 파일가져오기 버튼 이미지 변경하기 (CSS) ▶input file 일 때, 이미지 미리보기 (JS) ▶input text 일 때, 검색창으로 활용하기 (JS) label과 속성 라벨 가능한 요소의 제목 ..

공부하면서 나름대로 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🔮 콘텐츠 구분 1부터 6단계가 있고, 숫자가 낮을 수록 높은 단계의 제목 로고, 제목, 검색을 포함 작성자, 저작권, 관련문서를 포함 독립적으로 구분, 재사용 가능한 영역 문서의 일반적인 영억, h1~을 포함하여 식별 문서의 별도 콘텐츠, 광고나 링크 사이드바 다른페이지 링크 제공, 메뉴, 목차, 색인 아무것도 나타내지않는 콘텐츠 영역, 꾸미는 목적 🔮 문자 콘텐츠 정렬된 목록, 순서 및 중요도를 알수있음 (Ordered List) 정렬되지 않은 목록 (Unordered List) 목록 (List Item) ol과 ul은 자식으로 li만 포함가능 1번은 토마토입니다 2번은 고등어입니다 하나의 문단 (Paragraph) 문..

공부하면서 나름대로 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🔮 Doctype Web에게 HTML버전을 알려주는 코드 ( Visual Studio 기준, 자동으로 최신버전 html5 실행됨) // 최상단에 작성한다. 🔮 옵셔널태그 (주요 범위) HTML파일의 구조가 눈에 잘 들어오게 한다. 필수는 아니므로 사용하지 않아도 무관. 태그의 고유 속성들은 실행하는데 문제없음. // html 문서 범위, head 와 body를 담고있음 // 문서 정보를 설정 (스크립트문서 실행 외 다수) somthing // 문서 구조를 설정 (보여지는 부분) ... 웹사이트 제목 ... Reference 메타태그(META TAG) 속성정리 및 사용 방법 검색엔진 최적화(SEO)를 위한 메타태그의 속성에 ..