HTML]iframe 태그 사용방법 및 오픈마켓 링크

IT/HTML

2017. 6. 26. 09:57

iframe 태그는 유튜브 등에서 많이 사용 됩니다.

개인 블로그로 유튜브 영상을 링크 시킬때 사용되는 태그이기도 합니다.

유튜브에서 영상을 가져 오는 방법은 다들 아실겁니다.

유튜브에서 가져오고 싶은 영상을 찾은 후에, 아래 '공유-소스코드'를 클릭 하시면, 위와 같이 iframe로 된 소스코드를 바로 가져 오실수 있습니다.

먼저 iframe 태그도 마찬가지로 <iframe> </iframe> 태그로 이루어 집니다.

그럼, 오늘은 그동안 알려드린 태그를 활용해, 오픈마켓에 링크를 거는 방법을 알려드리겠습니다.

링크를 걸기 위해서 호스팅 서버가 필요 합니다. 오픈 마켓을 판매채널로 사용 하시는 분들은 이베이 무료호스팅 서버로 활용 가능 합니다.

온라인 마켓을 운영 하시는 분들이라면, 오픈 마켓을 활용해 제품 판매를 하실텐데요.

오픈마켓은 링크 태그 <a href>태그를 사용 할수가 없습니다.

하지만, iframe 태그는 사용 할수가 있는데요. 그럼 지금부터 오픈마켓 링크 거는 방법을 알려 드리겠습니다.

먼저, 링크 페이지를 하나 만들어 줍니다.

<html>

<body>

</body>

</html>

위와 같은 html 페이지를 하나 만들어 주시면 됩니다.

<a> </a> 태그 사이에 <img src> 태그를 사용해 이미지를 불러 오실수도 있습니다.

위 태그 사용 예시

위와 같은 태그를 만드셨다면. HTML 파일로 저장해 줍니다.

이제 네이버 링크 예시 파일을 1.html 이라고 하겠습니다.

1.html (네이버 링크) 파일을 사용 하시는 호스팅 서버에 업로드 해주셔야 합니다.

마찬가지로 이베이 호스팅에 등록 하시면 됩니다.

1html (네이버 링크) 파일을 호스팅 서버에 등록 하셨다면, <iframe> 태그를 사용해 링크를 걸면 됩니다.

위 태그를 링크를 걸고 싶은 상품 페이지에 넣으시면 됩니다.

맨's 맨's의 잡동사니

admin write link