css standard syntax selector { property: value; } prpoerty : 속성 지정 value : 속성 값 css는 가급적 따로 style.css 와 같이 파일을 만들어 link 태그를 이용하여 html 문서에 적용할 것 Box Model What is box? - html 문서가 rendering될 때 box 모양으로 처리됨 => html이 css로 표현될 때 box로 표현 .box { width: 500px; height: 300px; padding: 20px; } Content : content가 포함되어 있는 box 가로 길이 : width 세로 길이 : height Padding : 안쪽 여백, content와 border 사이 공간 : 방향별 여백도 지정 가..

태그에서 alt 값을 지정할 때, 해당 이미지에 대한 특정 의미가 없거나, 중요하지 않을 경우 alt=""로 비워두는 것이 좋다. 태그는 가급적 해당 이미지가 의미가 있을 경우에 사용하도록, 그 외에는 css에서 처리 가능 WAI_ARIA : 인터넷을 사용하는 사람들이 더욱 편하게 이용할 수 있도록 -> 스크린 리더 등의 보조 attr aria-label="xxx" 해당 데이터를 aria-label 값("xxx")으로 읽겠다는 의미 aria-hideen="true" 해당 데이터를 스크린 리더로 읽을 때 숨길것 -> 읽지 않음, 즉 내용상 중요하지 않음을 의미 form method="POST" -> 입력 받는 데이터가 길 경우 GET 보단 POST를 사용하는 경우가 많음 class="sr-only" -> ..

본 내용 정리는 구름 에듀 김버그님의 강의를 참고하였습니다. https://edu.goorm.io/learn/lecture/16396/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html%EC%9D%80-%EC%9E%AC%EB%B0%8C%EB%8B%A4-%EA%B8%B0%EC%B4%88%EB%B6%80%ED%84%B0-%EC%8B%A4%EB%AC%B4-%EB%A0%88%EB%B2%A8%EA%B9%8C%EC%A7%80 김버그의 HTML은 재밌다 — 기초부터 실무 레벨까지 - 구름EDU 웹 개발의 시작인 HTML, 탄탄한 개념이해부터 실습까지 한 강의로 끝내기! 실무 가능한 실력으로 😎 edu.goorm.io : src attr값에 해당하는 페이지 삽입 ex) youtube embed ..

본 내용 정리는 구름 에듀 김버그님의 강의를 참고하였습니다. https://edu.goorm.io/learn/lecture/16396/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html%EC%9D%80-%EC%9E%AC%EB%B0%8C%EB%8B%A4-%EA%B8%B0%EC%B4%88%EB%B6%80%ED%84%B0-%EC%8B%A4%EB%AC%B4-%EB%A0%88%EB%B2%A8%EA%B9%8C%EC%A7%80 김버그의 HTML은 재밌다 — 기초부터 실무 레벨까지 - 구름EDU 웹 개발의 시작인 HTML, 탄탄한 개념이해부터 실습까지 한 강의로 끝내기! 실무 가능한 실력으로 😎 edu.goorm.io ttr : 태그에 대한 부가적인 정보 ex) 안녕하세요 => lang : at..