본문 바로가기

분류 전체보기395

HTML 태그 보충 설명 1. title 태그 출력 위치 KASSY의 HTML 기초 결과물> 2. meta 태그 사용이유 쓰지 않으면 한글이 제대로 나오지 않는 경우가 있다. 메모장에서 html 문서를 작성할 때는 저장시 인코딩으로 UTF-8을 선택해 주면 된다. 3. 닫아주지 않아도 되는 태그 등 4. html의 문법 오류 허용 문법오류에 관대하다. 태그를 깜빡하고 닫지 않거나, 오타가 있어도 웹 브라우저가 임의로 해석해 출력해 준다. 5. 대소문자를 구별하지 않는다. 표준은 소문자를 쓰는 것을 권장한다. HTML = html 6. 주석을 쓰는 이유 코드를 읽는 사람을 위해서 설명을 돕기 위해서 쓴다. 긴 코드의 경우나 여러 명과 같이 작업을 할 때 알아 보기 쉽게 할 수 있다. NotePad 에디터 사용시 주석 단축키 Ctr.. 2023. 2. 1.
HTML 태그 - img, a href 1. 속성 src="이미지 파일 주소 또는 이미지 파일 이름.확장자" 컴퓨터에 저장된 이미지를 사용하려면 html 만든 폴더와 같은 폴더에 이미지 파일이 있어야 인식하고 파일을 열 수 있다. 다른 공간에 이미지 파일이 저장되어 있으면 파일이 열리지 않는다. 속성값 title / alt 차이 title: 그림에 마우스를 올렸을 때 그림에 대한 설명을 넣을 수 있다. alt: 이미지를 표시할 수 없는 경우 이미지의 대체 텍스트를 보여준다. alt 속성은 느린 네트워크 환경이나 src 속성값의 오류, 시각 장애인용 스크린 리더의 사용 등 어떤 이유로든 사용자가 이미지를 볼 수 없을 때 이미지 대신 제공할 대체 정보를 제공한다. 개념확실히 알고가기! 1. 이미지, title 태그 2. 이미지, alt 태그 둘 .. 2023. 2. 1.
웹 브라우저, 웹 문서 웹브라우저 웹문서를 볼 수 있는 프로그램 인터넷 익스플로러, 크롬 웹문서 확장자 html 인터넷 화면, 홈페이지 구성문서 확장자를 따라서 html 파일이라고 부른다. 2023. 1. 31.
CSS 연습 자주 쓰이는 CSS 태그 배경관련 background-color, background-image, background-size 사이즈 width height 폰트 font-size(px), font-weight, font-famliy color 간격 margin(바깥), padding(안쪽) 정렬 text align : left, right, center 💡 1. 크롬 개발자 도구에서 요소 선택 버튼을 누르고 요소를 선택하면 Elements 탭 안 HTML 소스 코드에서 그 요소를 찾을 수 있다. 2. Styles 탭에서 특정 스타일 적용을 해제하여 어떻게 영향을 미치는지 확인할 수 있다. 아무것도 안 했을 때 글씨색 바꾸기 - hotpink 글자체 바꾸기 - oblique(기울어진 글꼴) 첫번째 세부 .. 2023. 1. 31.
Bootstrap 부트스트랩(Bootstrap)은 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다. 쉽고 빠른 반응형 웹디자인을 만들 수 있게 한다. 미리 정해진 클래스들을 다양하게 꾸며 CSS 파일로 정리한 것을 HTML에서 불러와 쓰는 것! 온라인에서 가지고 오는 것이기 때문에 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와준다. 하나의 코드로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동하게 만들 수 있다. 부트스트랩은 SASS 스타일시트를 기반으로 한다. 부트스트랩 사이트 : https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customiz.. 2023. 1. 30.
JavaScrip 기초 문법 변수 선언 '변수 선언'이란 이 이름에 특정한 값을 부여하겠다는 뜻이다. 변수를 선언할 때에는 let을 쓰고, let 뒤에 원하는 변수 이름을 적고 = 뒤에 값을 적으면 된다. let 변수이름 = 값 예시> 💡 undefined란? '아직 할당하지 않은 값'을 표현하기 위해 사용하는 값 undefined 가 나타나는 경우 객체에서 없는 프로퍼티를 꺼내려고 할 때 함수를 호출할 때, 값이 들어오지 않은 매개변수를 사용하려 할 때 아직 값이 할당되지 않은 변수를 사용하려 할 때 배열의 범위를 넘어서는 값을 가져오려 할 때 함수가 아무것도 반환하지 않을 때 2023. 1. 30.