HTML 링크 만드는 법 — 붙여넣기부터 공유까지

HTML을 링크로 바꾸는 일은 생각보다 단순합니다. 화면에 나오는 순서 그대로 따라가 보겠습니다.

주소는 여기입니다 → oddsbag.co.kr/service/html-link

1단계. 자료함 열기

처음 들어가면 자료함이 자동으로 열립니다. 가입 절차는 없습니다. 브라우저에 표시 하나가 생기고, 그 표시로 「내가 올린 것」을 구분합니다.

이 방식에는 장점과 단점이 하나씩 있습니다. 장점은 아무것도 입력하지 않아도 된다는 것, 단점은 브라우저를 바꾸거나 쿠키를 지우면 목록에 다시 못 들어간다는 것입니다. 그래서 링크는 따로 보관해 두시는 편이 좋습니다.

2단계. 두 가지 올리는 방법

붙여넣기 — 편집기에서 코드를 전체 선택해 그대로 붙여넣습니다. AI가 만들어 준 코드나 짧은 페이지에 편합니다.

파일 올리기 — 완성된 .html 파일을 그대로 올립니다. 제목을 비워 두면 파일 이름이 제목이 됩니다.

둘 중 편한 쪽을 쓰시면 됩니다. 결과는 같습니다.

3단계. 제목 붙이기

제목은 나만 보는 이름표입니다. 자료함에서 어느 것이 무엇인지 구분하는 용도라, 나중에 언제든 바꿀 수 있습니다. 링크 주소는 제목과 상관없이 따로 만들어집니다.

4단계. 링크 만들기

누르면 주소가 하나 나옵니다. 「링크 복사」로 복사해 어디든 보내면 됩니다.

이 링크는 그 자체가 공유용입니다. 받는 사람은 가입도, 로그인도, 설치도 하지 않습니다.

5단계. 관리하기

자료함에서 할 수 있는 일은 네 가지입니다.

• 열기 — 실제로 어떻게 보이는지 확인
• 링크 복사 — 다시 보낼 때
• 이름 변경 — 나중에 구분하기 쉽게
• 삭제 — 지우면 링크도 그 자리에서 닫힙니다

한 파일로 합쳐서 올리십시오

가장 자주 걸리는 부분입니다. style.css나 script.js가 따로 있으면 그 부분이 빠진 채 열립니다. CSS는 style 태그 안에, JS는 script 태그 안에 넣어 한 파일로 만들어 주십시오.

이미지도 마찬가지입니다. 같은 폴더의 그림 파일을 부르고 있으면 그 그림은 안 나옵니다. 인터넷에 올라와 있는 그림 주소를 쓰거나, 그림을 코드 안에 심어야 합니다.

정리

바로 가기→