728x90 반응형 SMALL Web/HTML12 [HTML] 파일 경로 작성하는법(절대경로와 상대경로) 1. 절대 경로 고유한 경로 물리적 경로 드라이브: C:\yesung\HTML\Day1\cat1.png(웹사이트 개발 시 사용하지 않음) URL 주소: https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png 보통 홈페이지 제작시 자신의 컴퓨터에서 HTML 문서를 만들고 이를 FTP를 통해서 웹서버에 일괄적으로 올리기 때문에 절대경로로 이미지를 삽입했다면 모두 고쳐줘야 하는 불편이 있음 일반적으로 절대경로보다는 상대경로를 이용해서 이미지를 삽입하는게 좋음 2. 상대 경로 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법 이미지가 HTML문서와 같은 디렉토리에 있는 경우 , 이미지가 하위 디렉토리에 있는 경우 , 2023. 3. 24. [HTML] 이미지 형식의 종류를 알아보자🧐 1. 비트맵 이미지 픽셀이 모여 만들어진 정보의 집합 레스터 이미지라고도 부름 픽셀 단위로 화면에 렌더링함 그림판, 포토샵 등 툴로 편집 JPEG, PNG, GIF ... 1-1. jpg(jpeg) 압축률이 훌륭하여 사진이나 예술분야에 많이 사용 가장 널리 쓰이는 이미지 포맷 손실 압축 표현 색상(24비트, 약 1600만가지 색상)이 뛰어나 고해상도 표시장치에 적합 1-2. gif 이미지 파일내에 이미지 및 문자열 같은 정보를 저장할 수 있는 파일 여러장의 이미지를 한 개의 파일에 저장할 수 있음(움짤, 애니메이션) 8비트(256색상)컬러만 지원 비손실 압축 1-3. png gif의 대체 포맷으로 개발 8비트, 24비트 컬러 이미지 처리 알파 채널 지원(투명도) W3C 권장 포맷 1-4. webp jpg.. 2023. 3. 24. [HTML] HTML이란? & HTML 문서 만들기, HTML 스켈레톤 1. HTML(Hyper Text Markup Language) HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것)기능을 가진 문서를 만드는 언어 [최초의 웹사이트] http://info.cern.ch/ http://info.cern.ch info.cern.ch 2. HTML 문서 만들기 HTML 문서는 확장명을 .html로 저장 대소문자를 구별하지 않음 프로그래밍 언어가 아님 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능(메모장 등) 띄어쓰기, 줄바꿈을 구별하지 않음 안녕 하세요 안녕 하세요 명령어(태그) 형태로 괄호를 (예: ) 사용하여 표현 시작태그, 종료태그로 구성되어 있음 (예: ... ) 3. HTML 문서의 구성(스켈레톤) 내용 ✅ HTML문서를 작성하여 나의 웹페이.. 2023. 3. 23. [Web] 서버(Server)와 클라이언트(Client), 프론트엔드와 백엔드 1. 서버(Server) 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템 정보를 제공하는 제공자(Server) 컴퓨터 1-1. 서버 사이드(Server-Side) 서버(제공자) 측에서 즉시 처리하는 것 서버 사이드는 클라이언트로 보낼 웹 페이지(HTML, JavaScript 등이 담긴)를 만듦 중요한 작업들(사용자 유효성, DB 관련 등)을 수행 대표적인 언어는 Java, PHP, Ruby, Python, Node.js 등 클라이언트 사이드 언어를 다루고 그에 관련된 개발자를 프론트 엔드 개발자라고 함. 2. 클라이언트(Client) 서버에 정보를 요청하는 컴퓨터 또는 프로그램 2-1.클라이언트 사이드(Client-Side) 클라이언트(사용자) 측에서 처리 클라이언트가 입력한것을 수.. 2023. 3. 23. 이전 1 2 다음 728x90 반응형 LIST
