반응형
아래 사이트를 이용하여 블로그에 코드를 참조해보겠습니다.
https://codepen.io/
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
See the Pen Untitled by jung (@gongp) on CodePen.
이렇게 코드펜 사용하는 방법을 정리해보려 합니다.
1. 제일 먼저 해당사이트(https://codepen.io)에 들어가서 필요한 코드를 작성해줍니다!
2. 아래 쪽의 embed를 클릭해주세요.
3. 작성한 코드에 대한 html 코드가 생성됩니다. 이를 복사해주세요!
(copy code를 누르셔도 복사됩니다)
4. 이제 티스토리 블로그에서 스킨 편집에 들어가서 html 모드로 변경해주세요.
그리고 원하는 위치에 해당 코드를 삽입해주시고 저장해주세요!
그럼 아래 사진과 같이 폼이 입력된 모습을 보실 수 있습니다.
끝까지 봐주신 분들 모두 감사합니다
반응형
'Info' 카테고리의 다른 글
| [Android] 안드로이드 휴대폰에서 개발자 모드 활성화하는 방법 (0) | 2023.04.05 |
|---|---|
| [Git & GitHub] 형상 관리를 위한 깃과 깃허브 (VisualStudio) (0) | 2023.04.05 |
| [Acrobat] Adobe acrobat OCR(텍스트인식/종이캡처인식) Error (0) | 2023.03.26 |
| [IRIS] IRIS 국가 연구자 번호 발급 받는 법 (0) | 2023.03.26 |
| [Android] 안드로이드 휴대폰에서 개발자모드 활성화하는 방법 (0) | 2023.03.23 |
