본문 바로가기

Frontend/HTML3

[html] 브라우저 탭 아이콘 설정하는 방법 (a.k.a. favicon) 웹사이트를 접속하면 대부분의 경우 탭의 좌측에 작은 해당 웹사이트의 대표 아이콘이 있다. 이 아이콘은 Favicon 이라고 불린다 (favicon = favorite icon) 본 포스팅에서는 Favicon 과 Favicon을 웹페이지에 적용하는 방법에 다루고자 한다. 1. Favicon 생성하기 파일 형식 - gif, png, ico file format 지원 이미지 크기 - 너비와 높이가 모두 48px의 배수인 정사각형 (예: 48 x 48px, 96 x 96px, 144 x 144px 등)이어야 함 - Google에서는 16x16 px로 이미지의 크기를 조정해서 사용 (Google은 16x16px 파비콘을 사용하지 말 것을 권고) favion 생성 Tool - favicon을 직접 만들 수도 있지만.. 2022. 3. 8.
HTML 기본 - HTML이란? / 태그와 속성 / HTML 문서의 기본 구조 HTML, CSS, Javascript는 웹사이트 프론트엔드(눈에 보이는 부분)를 만들기 위해 사용되는 컴퓨터 언어이다. 간단하게 살펴자면 HTML은 컨텐츠의 구조와 내용을 나타내기 위해 사용하고, CSS는 컨텐츠가 어떻게 보일지를 나타내기 위해 사용하고, javascript는 브라우저가 사용자와 상호 작용하기 위해 사용한다. 본 포스팅에서는 HTML에 대해서 좀 더 자세히 정리해보고자 한다. HTML CSS javascript 컨텐츠가 어떻게 구성되어있는 지를 나타내기 위해 사용 (구조적 측면) 컨텐츠가 어떻게 보일 지를 나타내기 위해 사용 (디자인적 측면) 컨텐츠가 사용자와 상호작용할 수 있도록 하기 위해 사용 e.g. 내용을 제목, 내용, 헤더, 푸터, 내용, 사이드 바 등으로 구분 e.g. 레이아.. 2022. 3. 8.
HTML * 본 포스팅은 생활코딩/opentutorials의 web1- HTML&internet 수업을 기본으로 하여 HTML에 대해 공부한 내용들을 정리한 내용입니다 * 기획 | 코딩과 HTML ✏️ 기획이란 " 뭔가를 만들기 전에 무엇을 만들 것 인가 미리 상상하고, 계획해보는 과정" ✏️ 코딩이란 사람이 어떤 원인을 만들고, 컴퓨터가 그 결과를 제공하는 것. 원인은 Code, Source, Language, 결과는 Application, App, Program, Webpage, Website 등으로 표현할 수 있다. ✏️ HTML : 웹페이지라는 결과를 만드는 코드(원인). 배우기 쉽고, 중요하다! 실습환경 준비 - ATOM 웹브라우저에서 다른 사람의 컴퓨터에 저장된 웹페이지를 들어갈 때는 주소를 입력하지만.. 2022. 2. 26.
반응형