안녕하세요 경로질문입니다!

안녕하세요 경로질문입니다!

QA

안녕하세요 경로질문입니다!

본문

퍼블이 준 indxe.html 소스보여드리겠습니다!

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>시작 소스코드</title>

    <!-- 모바일에서 화면배율을 디바이스 크기 기준으로 설정 -->
    <!-- 이게 안되면 pc에서의 100px과 모바일에서의 100px이 디바이스 성능에 따라 달라집니다. -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- 제이쿼리 불러오기 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- 폰트어썸 불러오기 -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

    <!-- owl 캐러셀 불러오기 -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.carousel.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.min.css">

    <link rel="stylesheet" href="/lib.css">
    <link rel="stylesheet" href="/index.css">


</head>

<body>
    <header class="con">
        <div class="hd-top row">

            <form action="" class="search-box">
                <input type="text" placeholder="검색어를 입력하세요.">
                <button><i class="fas fa-search"></i></button>
            </form>
            <h1>
                <a href="#" onclick="return false;">
                    <div class="img-box"><img src="/img/logo.gif" alt="로고이미지"></div>
                </a>
            </h1>
            <ul class="row">
                <li class="cell"><a href="#">메뉴1</a></li>
                <li class="cell"><a href="#">메뉴2</a></li>
                <li class="cell"><a href="#">메뉴3</a></li>
            </ul>
        </div>
        <div class="hd-bottom">
            <div class="menu-ico" data-ico-now-animating="N">
                <div></div>
                <div></div>
                <div></div>
            </div>
            <ul class="row">
                <li class="cell"><a href="#">자주 찾는 질문</a></li>
                <li class="cell"><a href="#">문의하기</a></li>
                <li class="cell"><a href="#">공지사항</a></li>
                <li class="cell"><a href="#">고객의 소리</a></li>
            </ul>
        </div>
    </header>
    <section class="section-1">
        <div class="talk-box">
            <form action="" class="reservation">
                <div class="re-1">
                    <div>여행도시</div>
                    <input type="text">
                </div>
                <ul class="row">
                    <div class="re-2">
                        <div>출발도시</div>
                        <input type="text">
                    </div>
                    <div class="re-3">
                        <div>출발일</div>
                        <input type="text">
                    </div>
                </ul>
                <div class="re-4">
                    <div>상품명/상품코드 검색</div>
                    <input type="text">
                </div>
                <ul class="row re-5">
                    <li class="cell">
                        <div>출발요일</div>
                    </li>
                    <li class="cell-right">
                        <label for="a">평일</label><input type="checkbox" id="a">
                        <label for="b">주말 및 공휴일</label><input type="checkbox" id="b">
                    </li>
                </ul>
                <a href="#" onclick="return false;">
                    <div class="img-box"><img src="/img/kakao.png" alt=""></div>
                </a>
            </form>
        </div>
        <div class="my-1 owl-carousel owl-theme">
            <div class="item" style="background-image:url(/img/slider/slider-1.jpg);" class="active"></div>
            <div class="item" style="background-image:url(http://cfile22.uf.tistory.com/image/2735284453E67E8E20EF9A);"></div>
            <div class="item" style="background-image:url(http://www.welcometojapan.or.kr/jnto_author/article/112/009.jpg);"></div>
        </div>
    </section>
    <section class="section-2 con">
        <h3>BEST 인기 상품</h3>
        <ul class="row">
            <li class="cell">
                <div class="img-box">
                    <img src="/img/amazing_show/3.jpg" alt="">
                    <div class="sub-text"><span>지기네<br>파티호핑</span></div>
                    <div class="line-box">
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </li>
            <li class="cell">
                <div class="img-box">
                    <img src="/img/massage/2.jpg" alt="">
                    <div class="sub-text">
                        <span>지기네<br>힐링호핑</span>
                    </div>
                    <div class="line-box">
                        <div></div>
                        <div></div>
                    </div>
                </div>
            </li>
        </ul>
    </section>
    <section class="section-3">
        <div class="con">
            <h3>지기네 패키지 상품</h3>

            <ul class="row">
                <li class="cell">
                    <a href="#">
                        <div class="img-box"><img src="/img/iwan.png" alt=""></div>
                    </a>
                </li>
                <li class="cell">
                    <a href="#">
                        <div class="img-box"><img src="/img/abu.png" alt=""></div>
                    </a>
                </li>
                <li class="cell">
                    <a href="#">
                        <div class="img-box"><img src="/img/jahil.png" alt=""></div>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <script src="index.js"></script>
    <script src="lib.js"></script>
</body></html>

 

여기서 --------------------------------------

 

3717575498_1556518275.9785.png

 

link rel = "stylesheet" href="/lib.css">

link rel = "stylesheet" href="/index.css">

 

 

파일이 옮겨지면 경로도 바뀔텐데.. 어디다가 넣어야 하나요?

 

3717575498_1556518363.4549.png

 

파일은 이렇게있습니다!

 

 

 

 

 

.css  ,  .js를 이파일도... 어디다가 넣어야되는지 잘모르겠습니다! 

 

 

basic기본테마에다가 ㅈ적용할 생각입니다!

이 질문에 댓글 쓰기 :

답변 1

index 에서만 여실거면

 

./lib.css

lib.css

이렇게 상대경로 해보세요

 

그누보드에 적용 하실거면

 

G5_URL 기준으로 작성 해주세요

답변을 작성하시기 전에 로그인 해주세요.
전체 123,120 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT