Programming/front-end (3) 썸네일형 리스트형 웹 페이지 색상 쉽게 확인하는 꿀팁 웹 페이지 색상 쉽게 확인하는 꿀팁1. 크롬 확장 프로그램 – ColorZilla가장 많이 쓰는 방법 중 하나입니다.기능: 웹 페이지 위의 어떤 요소든 클릭하면 색상 코드(HEX, RGB 등)를 바로 복사 가능사용 방법크롬 웹스토어에서 ColorZilla 설치브라우저 우측 상단의 아이콘 클릭"Pick color from page" 선택 후 색상 위에 마우스 갖다대면 코드 바로 확인장점: 클릭 한 번으로 색상 확인, 복사까지 가능단점: 확장 프로그램 설치 필요2. 개발자 도구 (F12) 활용설치 없이 바로 쓸 수 있는 내장 기능!방법웹 페이지에서 오른쪽 클릭 → 검사(Inspect)원하는 요소를 선택하거나 Styles 탭에서 color, background-color 항목 확인색상 코드 옆에 미리보기도 함.. html/css/js로 덕질하기(2편) 지난 회 다시보기 html/css/js로 덕질하기(1편) HTML / CSS / JS로 내가 좋아하는 애니나 영화의 덕질을 해보자. 목차 더보기 index.html 만들기 title 태그 작성하기 h1~6 태그로 제목 작성 a 태그로 index.html 연결하기 style 속성으로 제목 컬러 변경 img 태 mld42.tistory.com 저번 시간에는 리스트를 이용해서 심슨 가족의 구성원들을 작성하였다. 이번에는 작성 된 리스트에 a태그를 추가하여 각 가족 구성원들의 페이지를 만들어보겠다. 목차 호머 심슨 페이지 만들어서 채우기 CSS의 hover를 이용해 호머의 분노 게이지 효과 넣기 1. 각자의 페이지 만들기. 우선 그렇게 하기 위해서는 각자의 페이지를 담당하는 html 파일을 생성해줘야 한다. 2.. html/css/js로 덕질하기(1편) HTML / CSS / JS로 내가 좋아하는 애니나 영화의 덕질을 해보자. 목차 더보기 index.html 만들기 title 태그 작성하기 h1~6 태그로 제목 작성 a 태그로 index.html 연결하기 style 속성으로 제목 컬러 변경 img 태그로 이미지 넣기 p 태그로 본문 작성 ul 태그로 리스트 만들기 다음 편으로 이 상태에서 일일이 태그 쓰고 태그 쓰고 이러지 말고 그냥 !(느낌표) 눌러주고 tab 버튼 눌러라 title 태그는 우리가 브라우저를 쓸 때 탭에 표시되는 이름을 표현할 때 쓴다. The Simpson 자 title 태그도 채웠고 이제는 제목을 나타내 보자. 보통 제목은 ~ 태그로 나타낸다. (숫자가 커질수록 글의 크기가 더 작아진다. h1 > h4 > h6) 나는 큼지막한게 좋.. 이전 1 다음
