코딩왕국

1 상대경로 상대적으로 변경이 될 수 있는 경로 (현재 실행중인 파일을 기준으로 경로 작성) 1.1 실행할 파일과 이미지 파일의 위치가 동일한 경우 (이미지의 경우 거의 폴더링을 따로하기 때문에 드문 경우) 1.2 실행할 파일을 기준으로 이미지 파일이 실행 파일 하위 폴더에 있는 경우

1 시작하기 1.1 VSCODE에서 HTML 코드 만들기 - html을 입력하면 나오는 html:5 선택하기 1.2 Live Server 열어놓기 - 우클릭 후 Open with Live Server 클릭하여 기본 브라우저에 html 파일 열어놓기 (확장 프로그램인 Live Server가 설치되어 있어야함) - 드림위버와 달리 수정된 코드가 바로 확인이 되지 않기 때문에 열어놓고 작업 2 기초 2.1 제목 제목 제목 button { width: 250px; height: 50px; background-color: transparent; border: 1px solid white; } ♬ .mymovie > button은 mymovie라는 tag안의 button 태그를 지정 solid(실선) , doubl..

1 특수문자 1.1 전체 특수문자 테이블 https://dev.w3.org/html5/html-author/charref HTML Standard HTMLLiving Standard — Last Updated 24 February 2023 ← 13.2 Parsing HTML documents — Table of Contents — 14 The XML syntax → 13.5 Named character references 13.5 Named character references This table lists the character reference names that are su html.spec.whatwg.org 1.2 자주쓰는 특수문자 1.3 특수문자 코드표 표현문자 숫자표현 문자표현 설명 - &..

1 구글 웹폰트 사용하기 1.1 크롬 브라우저를 열고 'google fonts' 검색 1.2 언어를 한국어로 변경 1.3 원하는 폰트와 폰트두께 선택 1.4 우측 상단 Selected family 클릭 1.5 Use On Web에서 @import 체크 1.6 태그 복사해서 붙여넣기 태그 안의 내용만 복사하여 폰트를 사용할 문서의 부분이 너무 길어지면 보기가 어려워짐. 그럴 땐 아래와 같이 파일을 분리해둘 수 있음 3 부트스트랩 3.1 부트스트랩이란? 예쁜 CSS를 모아놓은 것 (PPT 템플릿 같은 느낌) 3.2 적용하기 1) 같은 폴더 안에 index.html 파일을 하나 생성 2) 에 코드 넣기 ♬ 부분에 해당 코드 붙여넣기 했음 3) 필요한 부트스트랩 찾기 https://getbootstrap.com..

1 HTML 1.1 HTML이란? - Hypertext Markup Language - 웹 문서를 구성하는 뼈대 역할 1.2 HTML - HTML은 크게 head와 body로 구성됨 - head에서는 페이지의 속성 정보, body에는 페이지의 내용을 작성 1.3 HTML 주석 1.4 태그의 속성 - 감싸고 있는 태그가 변경되면 그 안에 속해있는 태그도 영향을 받음 (ex. 초록 div의 글씨색을 바꾸면, 내용1의 글씨색도 변경) 2 CSS 2.1 CSS란? - Cascading Style Sheets - 웹 문서를 꾸며주는 역할 2.2 CSS - 태그 안에 태그를 넣어 작성 2.3 가장 기본적인 CSS color width height background-color background-image back..