네이버 블로그에 HTML 코드 삽입

네이버 블로그에 HTML 코드를 삽입하는 방법에 대해 알아보겠습니다. 

blog에 글을 쓸때 코드를 삽입할 위치를 식별할 수 있는 글귀를 적어 놓습니다. 

 

 

크롬이라면 이후 F12 키를 눌러 DevTools를 실행 시킵니다. 실행시키면 우측에 창이 분리되면서 HTML elements들을 살펴 볼 수 있는 창이 보이게 됩니다. 

 

 

이 창에서 ctrl + F를 누른 후, "코드 삽입!!!"을 검색합니다. 다음과 같이 검색 됩니다.

 

마우스 우측을 click 한 후 "Edit as HTML"을 선택 합니다. 

 

box 표시가 되며 이제 이 곳에서 코드를 수정 할 수 있습니다. 

제대로 코드가 삽입되는지 확인하기 위해서 모질라 사이트의 iframe tag 사용 example code를 추가해 봅시다. 

https://developer.mozilla.org/ko/docs/Web/HTML/Element/iframe

<iframe>: 인라인 프레임 요소 - HTML: Hypertext Markup Language | MDN

위 page에 방문하게 되면 아래와 같은 demo code 부분을 확인 할 수 있습니다. 이 코드를 복사 한 후, 수정 부분에 붙여넣기 합니다. 

 

아래와 같이 정상적으로 삽입 되는 것을 확인 해 볼 수 있습니다.