ayko

고도몰관리자에서 HTML 보는 방법

HTML(Hypertext Markup Language)란?

웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다. 
하이퍼텍스트를 작성하기 위해 개발되었다.

고도몰에서는 관리자화면에서 간단하게 HTML소스를 수정할 수 있습니다.
아는만큼 보인다는 말과 같이 이미지, ULR링크와 같은 간단한 소스가 어디에 있는지,
어떻게하면 바꿀 수 있는지를 설명드리겠습니다.

고도몰관리자 페이지를 엽니다.
순서 : 디자인 > 디자인 관리 > 메인 > 쇼핑몰 메인본문 (main/index.html)

쇼핑몰의 PC의 메인화면, 첫화면입니다.

중간을 내리면서 보면 

<p><img><a><div><li>와 같은 글자들이 보입니다.

그리고 이걸 태그라고 부릅니다.

각 태그마다 뜻하는 의미와 기능이 있습니다.
그리고 각 태그는 </ > 마무리가 됩니다. 

밑에 태그의 의미를 풀어보겠습니다.

<p class="store_title"><img class="store_img1" src="../img/mimg/store_icon_main.jpg"><a href="www.dptl.co.kr/store">매장안내 </a></p>

우선 한글이 있네요! 매장안내

아마 이건 매장안내를 설명하는 글로 보여집니다.
모르는 것들은 빼고 아는 것부터 보면됩니다.

<p><img><a>매장안내</a></p>

1. <p class="store_title>

<p> 태그로 단락이 시작되고,

2. <img class="store_img1" src="../img/mimg/store_icon_main.jpg">

중간에 <img>태그로 이미지가 있습니다.

3. <a href="www.dptl.co.kr/store">

그 다음에 <a> 태그로 링크가 있습니다.

4. 매장안내

5. </a></p> 이미지 빼고는 <a><p>태그가 마무리가 되었습니다.

여기서 알아야 할점은!
매장안내 단락이구나, 여기엔 이미지와 링크를 썼구나,
만약에 내가 이미지와 링크를 변경하고 싶다면 여기서 고치는 거겠구나?

간단하게 링크는 <a href="www.dptl.co.kr/store"> 이 중에서

www.dptl.co.kr/store -> 원하는 링크 주소를 적고 오른쪽 상단의 '디자인 페이지 저장' 빨간 버튼을 누르면 완료입니다.
매장안내 글씨를 마우스로 눌렀을 때 그 링크고 이동되게 됩니다.

그러면 이미지는 어떻게 바꾸면 되는 건지 궁금하실 겁니다.
방법은 저번 글에서 소개했던 이미지 등록방법 3가지 중 2번째로!
이미지를 바꾸는 방법은 이번 글의 내용을 이해하신 후에 진행하시면 됩니다.

다음 글에서 이미지를 변경하는 방법 2번째 html 수정하기를 설명드리겠습니다.

공감과 댓글은 블로거에게 큰 힘이 됩니다. 감사합니다.