쁘띠코딩

Favicon - 내 홈페이지를 좀더 예쁘게 꾸미는 방법 Favicon은 아주 최소한의 노력으로 홈페이지의 완성도를 올릴 수 있는 방법이다. 바로 브라우저 상단 탭에 내 홈페이지의 로고가 나오도록 하는 것. 이것은 비단 브라우저 탭 뿐 아니라 주소 창에서도 요렇게 보여진다. 파비콘을 삽입하는 방법은 매우 간단하다. index.html내의 파비콘 로고는 16x16, 32x32 등 정사각형으로 준비해준다. 다음 영상에서 파비콘 삽입 예시를 확인할 수 있다 HTML 삽입 미리보기할 수 없는 소스

HTML/CSS UL, OL HTML에서 리스트를 작성하기 위해 사용되는 태그들이 있다. 바로 UL / OL / DL등이 그것인데, 각각 다음과 같은 의미를 가지고 있다. Unordered List (정렬되지 않은 목록) Ordered List (정렬된 목록) Description/Defined List (서술(정의) 목록) Unordered List는 목록이 다음과 같이 보여진다. 목록은 태그 안에 정해주어야 한다. List 1 List 2 List 3 List 1 List 2 List 3 만약 CSS 속성의 list-style-type 항목을 circle로 설정해 주면 이렇게 보인다. List 1 List 2 List 3 CSS를 사용해서 원하는 모양으로 바꾸어 주면 되고, 만약 원하지 않으면 해당 ..

CSS에서 색상 표기법은 여러 가지가 있다. 다음과 같이 배경색을 지정했다고 했을 때, 배경은 무슨 색이 나올까? 1. background: #ff0000; 2. background: #F00; 3. background: rgb(255, 0, 0); 4. background: red; 5. background: rgba(255, 0, 0, 1); 6. background: rgba(255, 0, 0, 100%); 7. background: rgba(255 0 0 / 1); 8. background: rgba(255 0 0 / 100%); 정답은 모두 빨강 이다. rgb의 값은 Red (빨강), Green(초록), Blue(파랑) 이렇게 세 가지로 구성되어 있는데, 이는 16진수 헥사코드에서도 동일한 구성..