O_ni & Ju_ni

이미지 태그 인라인 태그(자기 크기만큼 사용) ✔ 파일 경로 작성 방법 절대 경로(풀내임) 고유한 전체 경로 http, https, file에 대한 경로 file 경로는 주로 사용하지 않음 ex) 상대경로 이미지가 HTML문서와 같은 폴더에 있는 경우 ex) 이미지가 하위 폴더에 있는 경우 ex) 이미지가 상위 폴더에 있는 경우 ex) 이미지가 상위 폴더의 하위폴더에 있는 경우 ex) See the Pen 이미지태그1 by 김경준 (@pswlkcxx-the-reactor) on CodePen. 비트맵과 벡터이미지 비트맵 이미지 픽셀이 모여 만들어진 정보의 집합 "레스터 이미지"라고 부름 픽셀 단위로 화면에 렌더링함 그림판, 포토샵등 툴로 편집 벡터이미지 수학적 정보의 형태들이 만들어내는 결과물 이미지가 ..

목록 태그​ , , , 태그 순서가 없는 목록 태그 블록 태그 태그 순서가 있는 목록 태그 블록 태그 예시) See the Pen 목록태그1 by 김경준 (@pswlkcxx-the-reactor) on CodePen. 태그 사용자 정의 목록 태그 첫번째 목록은 , 두번째 목록은 예시) See the Pen 목록태그2 by 김경준 (@pswlkcxx-the-reactor) on CodePen.

제목 태그 제목을 표현할 수 있는 태그 가장 큰 태그부터 가장 작은 태그까지 제공 블록 태그(한줄을 다차지하는 태그) 검색엔진에서 키워드로 사용 예시) See the Pen 글자태그1 by 김경준 (@pswlkcxx-the-reactor) on CodePen. 문단 태그 내용상 끊어서 구분할 수 있는 부분(문단)을 만드는 태그 블록 태그 예시) See the Pen 글자태그2 by 김경준 (@pswlkcxx-the-reactor) on CodePen. 서식 태그 택스트를 굵게 표현하고 싶을 때 사용 태그와 동일한 기능 웹 접근성에 사용 텍스트를 이탤릭 체로 표현하고 싶을 때 사용 태그와 동일한 기능 웹접근성에 사용 ✔ 웹 접근성 정상적인 웹 컨텐츠 사용이 가능한 일반 사용자부터 고령자, 장애인 같은 신체..

HTML 이란? 웹 사이트의 틀을 만드는 언어 HTML의 특징 확장명을 .html로 저장 문서를 작성할 수 있는 프로그램이라면 어디든지 작성이 가능 대소문자를 구별하지 않음 태그 형태로 괄호()를 사용하여 표현 시작태그, 종료태그로 구성되어 있음 HTML을 사용하기 위한 툴 * 비주얼 스튜디오 코드 https://code.visualstudio.com/download User Installer 64bit 다운 HTML 시작하기 HTML 형식은 아래와 같다 HTML 문서 작성 예시) See the Pen HTML1 by 김경준 (@pswlkcxx-the-reactor) on CodePen. ✔ HTML의 특수문자 개행 : 주석 : 띄어쓰기 : (기호) : > ex) : 예시) See the Pen..

프론트엔드 개발은 우리가 웹 브라우저를 통해 볼 수 있는 모든 것을 만들어내는 웹 개발의 한 분야입니다. 사용자가 직접 상호 작용하는 웹사이트의 보이는 부분이며, 사용자 인터페이스(UI) 및 사용자 경험(UX)을 담당합니다. 1. 프론트엔드 개발의 주요 기술: HTML, CSS, JavaScript HTML(HyperText Markup Language): 웹 페이지의 구조를 만들어주는 마크업 언어입니다. HTML은 웹페이지의 제목, 텍스트, 이미지, 링크 등의 요소를 정의하고 구조화합니다. CSS(Cascading Style Sheets): 웹 페이지의 디자인을 담당하는 스타일시트 언어입니다. CSS를 통해 웹 페이지의 색상, 폰트, 레이아웃 등을 정의하고 스타일을 적용할 수 있습니다. JavaScri..