본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

총 방문자

728x90

SITE 제작19

#검색결과

총 19개를 찾았어요 ^^b

/

텍스트 유형 01 만들어보자 얄루! 텍스트 유형 홈페이지 만들기 텍스트 유형 홈페이지를 만들어 보겠습니다~ 스프라이트 스프라이트는 아래와 같은 이미지를 이용해 하나의 이미지로 다양하게 사용해보겠습니다! HTML display:flex를 통해 하단의 HTML을 작성해서 기초가 될수있는 뼈대를 만들어 보도록 하겠습니다! 한국에서 가장 유명한 온라인 게임과 유형을 알아보자! 대표적인 온라인 게임들. 망치 아이콘 메이플스토리 횡스크롤 RPG 게임을 대표하는 한국의 게임인 ‘메이플스토리'는 남녀노소가 다 좋아하는 모든 요소들을 고루 갖춰놓고 서비스.. 더보기 하트 아이콘 횡스크롤 RPG 횡스크롤 알피지란 왼쪽에서 오른쪽으로 이동하며 즐길 수 있는 게임을 의미하며 대표적으로는 ‘메이플스토라', ‘귀혼', 기타등등... 더보기 나침반 아이콘 레이싱 게..

이미지 유형 03 사이트 만들기! Figma 피그마를 이용해 그리드를 생성 후 각 규격에 맞게 요소들을 구성합니다. HTML 코드 웹 표준을 준수하기 위해 태그는 시멘틱 태그를 사용해 작성하며 효율적인 코드 작성을 위해 div태그를 여러개 만드는것이 아닌 한 태그안에 클래스를 다중으로 삽입하고 ir효과를 통해 스크린 리더기가 설명을 읽으면서 동시에 시각적으로 글씨를 안보이게 처리합니다. 코드보기 세상에서 가장 아름다운 건물 웹쓰가 선정한 죽기전에 가봐야 할 건축물 베스트5입니다. 전세계에서 가장 유명한 건축가가 제작한 건축물로써 한번은 꼭 가봐야 하는 곳입니다. 셰이크 로트폴라 모스크 세계에서 가장 유명한 건물입니다. 최고의 건출물이나 현재는 전쟁으로 인해서 많이 파괴되었지만. 아직도 살 수 있다고 말한... 페이스북 페이스북 페이스북 ..

이미지 유형 02 만들어보기~~~~ 이미지 유형_02 마우스를 가져가다 대면 반응을 하는 이미지 유형 사이트를 만들어보겠습니다. HTML 코드 간단하게 이미지 유형을 만들어보기 위해 하단과 같이 구조를 만들어 줍니다. 이때 이미지에 마우스를 가져다 대면 이미지가 틀에 맞춰 확대되는 효과를 주기위해 img태그를 사용해 이미지를 불러옵니다! 강아지의 모든 모습! 세상에서 가장 귀여운 강아지의 모든 모습을 상상하고 세세하게 지켜만 보세요!! NAME : BULDOG 자세히 보기 NAME : MALTIZ 자세히 보기 NAME : WELSH CORGI 자세히 보기 CSS 코드 css에서 마우스를 가져다 댈때 이미지가 확대되고 마우스를 떼면 다시 이미지가 원래대로 돌아올 수 있도록 만들건데, 이와 같은 효과를 구현하기 위해서 not(:hover) 과..

이미지 유형_01 만들어보기~~ 이미지 유형_01 간단한 예제를 통해 자세히 보기 버튼을 만들고 설명과 함께 양옆으로 정렬해 메뉴를 구성해봅니다. HTML 코드 간단한 이미지 유형 예제를 만들기 위해 기본적인 틀을 만들어 줍니다! 강아지의 모든 모습! 세상에서 가장 귀여운 강아지의 모든 모습을 상상하고 세세하게 지켜만 보세요!! 강아지의 모든 모습 강아지는 왜이렇게 귀여울까요 대체왜 그런건지 궁금하지만 제 생각에는 나야 모르곘지만 아무튼 그런것들이 막 있습니다 그렇게 생각하세요 ^_^ 자세히 보기 강아지의 눈썹! 강아지는 눈썹이 있을까요? 없을까요? 어찌보면 있는거 같기도 하고 본적이 없었던거 같기도하고 생각 해본적이 없던거 같기도 하고 흠... 자세히 보기 CSS 코드 설명과 함께 자세히 보기라는 버튼이 아래로 가도록 css를 설정해..

이전 1 2 3 4 5 다음

728x90

#HASH_TAGS

-

1

다크모드 오징어 1Kg 당 3000원 Method 오늘도 웹표준은.. scroll-snap-type 선택해주세요 화사한가요? 멈추지 않는 ' j ' 시리-즈 코드 메서드 코딩 scroll-snap-align 테스트 오늘 조업 마감했습니다. 제이쿼리 HTML 이건 또 뭐람 오징어 두마리 포획 완료 테스트테스트 공부 필터선택자 오징어 한마리 수확 완료! JQuery 울적하니 꽃을 달아봤습니다 ImageSlideEffect 슬라이드 결과 : 월요일 내일은 즐거운 월요일 숙제가 다양해서 너무 좋아요 오늘은 내가바로 오징어!

티스토리툴바