본문 바로가기

Web/HTML9

04. 호스팅 서비스, 책갈피 1. 호스팅 서비스 닷홈 이용하기 서버 컴퓨터의 전체 또는 일정 공간을 이용할 수 있도록 임대해주는 서비스 링크 : https://www.dothome.co.kr/ 웹호스팅 > 무료 호스팅 신청하기 클릭 정보 입력 완료 상세보기선택 본인 도메인 연결하기 * 닷홈 무료 호스팅 주의사항 - 첫페이지는 항상 index.html (소문자) - html 디렉토리에 저장해야 함 FTP(File Transfer Protocol) - 클라이언트와 서버간의 파일 전송 프로토콜 - 주로 대량의 파일을 전송할 떄 사용 - 기본포트 : 21 FileZila 이용하기 링크: https://filezilla-project.org/ 클라이언트 다운로드 무료다운로드 선택 (decline) 선택 설치완료 파일 > 사이트 관리자 새사이.. 2024. 4. 4.
03. 이미지 태그, 하이퍼링크 1. 이미지 종류 비트맵 이미지 - 픽셀들이 모여 만들어진 정보의 집합 - 레스터 이미지라고 부름 - 픽셀 단위로 화면에 랜더링 - 그림판, 포토샵 등 툴로 편집 - bmp, jpg(jpeg), gif, png, webp.... 벡터 이미지 - 수학적 정보의 형태들이 만들어내는 결과물 - 이미지가 가지고 있는 점, 선, 면의 위치, 색상정보를 가지고 있음 - 확대, 축소를 해도 이미지가 깨지지 않음 - 일러스트 같은 툴로 편집 jpg(jpeg) - 압축률이 훌륭하여 사진이나 예술분야에 많이 사용 - 가장 널리 쓰인는 이미지 포멧 - 손실 압축(복사할 수록 알고리즘이 망가짐) - 표현색상(24 비트, 약 16000a만 색상)이 뛰어나 고해상도 표시장치에 적합 gif - 이미지 파일 내에 이미지 및 문자열 .. 2024. 4. 3.
02. HTML 속성 1. 속성 태그를 보완하는 역할 HTML 속성 전체 DOCTYPE html> Document DOCTYPE html> : 선언문, HTML5를 나타냄 - 속성: 태그를 보완하는 역할, 작은 따옴표 또는 큰 따옴표를 사용 - html 문서 리더기의 언어를 설정 (en: 영어, ko: 한국어) 언어셋을 설정 (예) euc-kr--->2byte UTF-8----> 3 byte 모바일 환경설정 모바일 환경 해상도 설정 (예) 1920 x 1200 , 3120 x 1440 viewport : 해상도를 다르게 띄워줌 witdh =device-width : 가로폭을 보기좋은 것으로 선택 initial-scale=1.0 : 줌 불가능 Meta 태그 HTML 문서에 대한 정보를 정의할 때 사용 사이에 적용 name, c.. 2024. 4. 3.
01. HTML의 개념, 특징, 태그 1. HTML의 개념 ​ HTML (HyperText Markup Language) 웹페이지를 만들기 위해 사용되는 표준 마크업 언어 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 문장) 기능을 가진 문서를 만드는 언어 웹 페이지는 HTML 문서라고도 불리며 HTML 태그들로 구성 (F12키를 눌러서 확인 가능) 마크업 언어(Markup Language) 문서나 데이터 구조를 정의하고 표시하기 위해 사용되는 언어. 태그(Tag)라고 불리는 특정한 구문을 사용하여 문서의 요소를 표시 (프로그래밍X) (ex) 마크다운 HTML의 특징 HTML 문서는 확장명을 .html로 저장 대소문자를 구별하지 않음 문서를 작성할 수 있는 에디터라면 HTML 문서를 작성할 수 있음 띄어쓰기, 불바꿈을 구별하.. 2024. 4. 3.
LIST