모스카토

[배경지식] 1. 웹사이트 제작할 때 고려할 사항 1. 웹 표준 : 웹 사이트를 작성할 때 따라야 하는 공식 표준이나 기술 규격 * 잘지키면 검색엔진에서 상단에 노출될 확률이 높아진다. 2. 웹 접근성 : 사용자의 장애여부와 상관 없이 모두가 웹사이트를 이용할 수 있게 하는 방식 3 . 크로스 브라우징 : 모든 브라우저의 종류, 버전 또는 모든 기기에서 사이트가 제대로 작동하도록 하는것. 2. html문서 기본구조 html5 언어로 구성돼있다고 선언. 모든 내용을 감싸는 태그 -> 문서의 시작과 끝을 의미 웹사이트의 간단한 요약정보, 사용자에게 보여지지 않는다. character setting : 문자열 설정 / UTF-8 : 모든 문자코드를 보여줄 때 주는 속성. 한글이 깨질때 확인하기 상단탭 제목 웹..

크기단위 1. px : 픽셀 - 1px :화소 1개. 해상도에 따라 상대적인 크기. 2. % : 지정된 사이즈에 상대적인 사이즈. 3. em : 배수단위(중첩된 요소 안에 사용하면 배수도 중첩.) 4. rem : 최상위 요소 기준 배수. 5. vh = viewport height : 스크린 높이, 100vh = 스크린높이의 100% vw = viewport width : 스크린 넓이 색상표현단위 1. 키워드 : blue; 2. rgb() : rgb(192, 35, 35); 3. rgba() : rgb에 투명도포함. 4. HEX 코드단위 : #6495ed; 셀렉터 1. * { css } 2. #아이디 { css } 3. .클래스 { css } 4. 태그[어트리뷰트="값"] { css } 어트리뷰트와 값이 ..

css (Cascading Style Sheets) = css 코드의 위에서 아래 순으로 html의 style을 정의한다. * css 문법 * 셀렉터 { 프로퍼티1 : 값1; 프로퍼티2 : 값2; } 셀렉터에는 html의 태그명, 태그의 id, 태그의 class, 태그의 어트리뷰트 등을 쓴다. 말그대로 어떤 요소에 style을 적용할지 지정하는 역할을 한다. 여러개의 셀렉터를 콤마로 구분해서 사용할 수 있다. 중괄호를 열고, 프로퍼티는 여러 개를 사용할 수 있다. 반드시 세미콜론 ( ; )으로 닫아줘야 한다. html에 css를 적용하는 방법 위 상태에 css를 적용한다. 1. inline css : This is a header Hello World! Welcome to html! 박스 태그는 박스형태..

1. 정의 html = hypertext markup language 인터넷 페이지를 열고 F12 를 누르거나, 오른쪽 마우스 클릭 + 검사 를 누르면 나오는 페이지에서 Elements 라는 태그를 클릭하면 나오는 글자들이 html이다. 웹페이지를 만드는 것이 다 글자임을 알 수 있다. 2. visual studio code 에디터 프로그램. 다른 언어도 사용할 수 있지만 html을 사용할 땐 주로 vsc를 사용한다. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linu..