728x90 300x250 SMALL Front-end/HTML78 html 구글지도 iframe 넣기 :: 오늘은 구글 지도에서 주소 검색해서 나온 지도를 iframe로 퍼와서 내 html에 넣어 보도록 하겠습니다. 1. Google에서 구글 지도를 검색해서 들어갑니다. 2. 지도를 얻기 원하는 주소를 검색합니다. 왼쪽 상단 검색바에서 원하는 위치를 검색합니다. 저는 서울시청으로 검색 했습니다. 3. 공유를 클릭합니다. 검색하면 이렇게 자세한 위치 지도가 나오는데 왼쪽 편에 공유 버튼을 클릭합니다. 4. 지도 퍼가기에서 iframe 복사 링크 보내기에서 링크를 복사해서 사용 가능합니다. 하지만 우리는 지도 퍼가기를 해야 하기 때문에 지도 퍼가기 탭을 클릭해서 html복사를 클릭해서 클립보드에 복사합니다. 5. html에 코드에 넣기 html 코드에서 원하는 위치에 붙여 넣기 하기만 하면 됩니다. 그러면 이렇게.. 2021. 5. 25. [css] 화면 중앙에 배치시키기 :: 세로 중앙정렬 [css] 화면 중앙에 배치시키기 :: 세로 중앙 정렬 내가 지금 보고 있는 화면의 정중앙에 배치시키는 css flex를 이용하면 매우 간단하게 가능합니다. 1. Flex를 이용한 화면 중앙 정렬 See the Pen Untitled by kim oya (@ttuttu) on CodePen. 2. Grid 사용 화면 중앙 정렬 Grid를 사용해서도 가능합니다. #wrap { display: grid; place-items: center; min-height: 100vh; } flex의 align-items와 justify-items 속성을 Grid의 place-items을 이용하면 한 번에 적용시킬 수 있습니다. See the Pen Untitled by kim oya (@ttuttu) on CodePe.. 2021. 4. 27. Noto Fonts :: 노토산스 한글 폰트 다운받고 설치하기 Noto Fonts 한글 다운받고 설치하기 1. 구글에서 google noto sans 검색해서 다음 사이트에 접속합니다. www.google.com/get/noto/ Google Noto Fonts When text is rendered by a computer, sometimes characters are displayed as “tofu”. They are little boxes to indicate your device doesn’t have a font to display the text. Google has been developing a font family called Noto, which aims to support all www.google.com 2. Noto Sans CJK KR 다.. 2021. 4. 14. 나눔바른고딕 적용하기 https://github.com/zkyz/NanumBarunGothic-webfont zkyz/NanumBarunGothic-webfont NanumBarunGothic Web Fonts. Contribute to zkyz/NanumBarunGothic-webfont development by creating an account on GitHub. github.com 2019. 5. 13. 이전 1 ··· 9 10 11 12 13 14 15 ··· 20 다음 728x90 반응형 LIST
