고도몰관리자에서 HTML 보는 방법
HTML(Hypertext Markup Language)란?
웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다.
하이퍼텍스트를 작성하기 위해 개발되었다.
고도몰에서는 관리자화면에서 간단하게 HTML소스를 수정할 수 있습니다.
아는만큼 보인다는 말과 같이 이미지, ULR링크와 같은 간단한 소스가 어디에 있는지,
어떻게하면 바꿀 수 있는지를 설명드리겠습니다.
고도몰관리자 페이지를 엽니다.
순서 : 디자인 > 디자인 관리 > 메인 > 쇼핑몰 메인본문 (main/index.html)
쇼핑몰의 PC의 메인화면, 첫화면입니다.
중간을 내리면서 보면
<p><img><a><div><li>와 같은 글자들이 보입니다.
그리고 이걸 태그라고 부릅니다.
각 태그마다 뜻하는 의미와 기능이 있습니다.
그리고 각 태그는 </ > 마무리가 됩니다.
태그 | 의미 | 마무리 |
<p> | 단락 | </p> |
<img> | 이미지 | 없음 |
<a> | 링크 | </a> |
<div> | 태그의 묶음 | </div> |
<li> | 리스트 | </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 수정하기를 설명드리겠습니다.
공감과 댓글은 블로거에게 큰 힘이 됩니다. 감사합니다.
'고도몰' 카테고리의 다른 글
쇼핑몰디자인 이미지배너 변경하기 세번째 (0) | 2020.04.24 |
---|---|
고도몰디자인 이미지 바꾸는 방법 두번째 (0) | 2020.04.23 |
고도몰에서 html 수정 없이 간단하게 이미지 변경하기 (0) | 2020.04.21 |
고도몰5에서 어플(앱) 만들기 (0) | 2020.04.21 |
고도몰5 트래픽이 무제한? (2) | 2020.04.09 |