김숭늉 마음대로

1. 외부이미지를 html에 넣기 넣고자 하는 이미지 파일을 끌고 와서 붙임 - img 는 바디영역에 붙임 - img는 빈 태그! 'atl'는 폴백텍스트, 스크린 리더들이 읽을수 있고 이미지 로딩에 실패하였을때 atl 는 추가해야하는 필수 중요한 요소임!!! 2. 이미지 가운데로 오게하기 body { text-align: center; } -> 이미지를 텍스트로 간주함 * 3. 정렬, 배경색상, 마진 일괄설정 body { text-align: center; background-color: rgb(233, 215, 207); margin: 50px; } 4. 2주차 내용 html 추가 필요시 새로운 html에서 느낌표를 치고 엔터를 누르면 기본 골격을 다 가지고옴 -> 그런다음 타이틀 부분부터 수정하자 5..

1. a hover = 마우스를 가져다 댔을때 2. 외부파일에 css코드 작성하기 .css로 끝나는 파일을 신규로 추가하고 태그를 추가함 ㄴ rel은 링크의 유형을 정의 4. Void 요소 구문 -> void 요소는 closing tag가 없는 element를 말함! 5. 개발자 도구의 "Network" 탭 유용함! -> 사양이 느린경우의 test 가능 -> 요청과 응답 확할수 있음 6. ID 선택자로 단일 요소 선택 - 고유 id를 만듬 / 스타일시트에는 #로 작성 #todays-challenge { color: rgb(170, 9, 83); } 7. css에서는 크기나 치수를 표현할수있는 다양한 단위가 있음 기기별픽셀 -> 고해상도에서 더 작게보일거고 저해상도에서는 크게 보일것임 ㄴ장치별 픽셀 즉, ..

1. 색상 선택하기 용이한 사이트 참고 (COLOR PICKER) ㄴ 상을 나타내는 다양한 값이 있음 https://imagecolorpicker.com/ 👍 Color Picker online | HEX Color Picker | HTML Color Picker Color Picker:Color Picker: With this online tool you can upload an image or provide a website URL and get the RGB Color, HEX Color and HSL Color code. 👍 imagecolorpicker.com 2. 코드 들여쓰기 (indantation) 두가지 방법이 있음 1) 단축키 사용 kyboard shorcuts 에서 "format do..

1. 웹사이트는 어떻게 만들어야 할까요? 로컬서버라는게 개발자 본인 컴퓨터를 이야기하는거구나 = 임시서버가 즉 개발자 컴퓨터임 필요한것은 두가지 ! - 브라우저 - 명령어 HTML 파일에 html, cs, javascript 모든 코드를 담을수 있음! 브라우저는 크롬이나 파이어폭스를 추천한다! 2. html 파일을 생성하기위해서는 메모장 .txt를 .html로 바꿔주기만 하면된다! ex) 제목을 index.html로 변경 * 만약에 작동이안되면, [파일탐색기] -> [보기] -> [파일확장명] 활성화 * 연결프로그램은 메모장으로 파일 열기 3. 첫 html 제목 태그 작성해보자~ hello world! ㄴ html element라고 함 4. (14) 개발환경설정 (2일차) 보다 큰 규모의 프로젝트인 경우..