HTML이란? 간단히 말해서 웹 문서를 만드는 언어입니다. 그리고 HTML은 HyperText Markup Language의 줄임말입니다. 여기서 HyperText란 문서를 서로 연결해주는 링크를 의미합니다. 그러니까 즉, 링크 = 서로 연결한다는 의미입니다. Markup이란 "표시한다" 라는 뜻인데, 그러니까 웹 브라우저에 텍스트, 이미지 등을 표시한다는 뜻입니다. HTML의 기능 HTML의 기능은 웹 브라우저에 보여줄 내용을 결정하는 것입니다. 그리고 문서끼리 연결합니다. HTML 문서의 구조 HTML 문서는 워드와 같은 일반 문서와 달리 정해진 형식에 맞추어 작성해야 합니다. 기본적으로 위와 같이 생겼습니다. 가장 먼저, DOCTYPE html> 로 시작합니다. 현재 문서가 HTML5 언어로 작성한..

티스토리 반응형 스킨을 만들어보고 싶어졌다. 반응형 웹사이트 개발에 나름(?) 참여한 경험도 있고, HTML, CSS, JavaScript, 또 SEO 시스템에 대해 어느 정도 배우고 나니, 반응형 웹사이트를 한 번 만들어 두면 포트폴리오 용으로도 좋겠단 생각이 들어, 나만의 스킨 만들기에 도전! 티스토리는 '치환자'라는 개념을 이해해야 해서 기존의 코딩 지식이랑은 별개로 따로 배워야 하는 부분이있다고 들었다. 티스토리 스킨가이드와 다른 스킨 제작 후기들을 참조하여 만들어 보려고 한다. 스킨 제작용 블로그를 하나 더 만들어서 스킨을 만들고 다듬어 나갈 예정이다. 왜냐.. 여기다가 바로 스킨 적용하면.. 사이트맵을 다시 제출해야하고 너무 번거로울 것 같음. 스킨 제작용 블로그에서 다 완성시킨 다음에 이 블..

필자는 이미지에 흑백 필터 기능이 있는(하지만, 마우스 오버하면 원본으로 돌아가는) 홈페이지를 운영하고 있다. 그런데 완전 흑백 말고, 흑백 필터의 선명도를 낮출 수 있는 방법은 없을까 고민하던 중, 방법을 찾았다. filter: grayscale(1); ←이 "1"이 선명도를 나타내는 것임. 0에 가까울 수록 흐릿하고, 1이 가장 선명함. 그리하여 filter: grayscale(1) 부분의 "1"을 "0.2"로 수정함. 선명도를 낮춤. 이러면 덜 흑백흑백 하겠지? filter: grayscale(1) → filter: grayscale(0.2) 수정. 결과 : 약간 흑백 필터가 연해졌다. 컬러가 좀 보이네 :)