상세 컨텐츠

본문 제목

JQuery 사이트에서 css 파일을 불러와서 사용함.

FrontEnd/JQuery

by H_Develop 2022. 7. 14. 19:56

본문

<head>
    <meta charset="UTF-8">
    <script src="C:\UI\JQuery/jquery-3.6.0.min.js"></script>
    <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
    <!-- 별도로 ~.css 파일을 생성하지 않고 웹에 생성된 파일을 불러와서 사용함 -->
    <script>
        $(function() {
            $("tab_button").tabs();
        });
    </script>
</head>
<body>
    <div id="tab_button">
        <ul>
            <li><a href="#tabs-1">웹이란 ?</a></li>
            <li><a href="#tabs-2">웹브라우저란</a></li>
            <li><a href="#tabs-3">웹 호스팅</a></li>
        </ul>
        <div id="tabs-1">
            <p>
                웹은 'World Wide Web'의 약어로서 간단하게 WWW로 표현한다.
                웹이란 인터넷에 연결된 컴퓨터를 통해, 전 세계 사람들이
                정보를 제공하고 공유할 수 있는 사이버 공간을 의미한다.
            </p>
        </div>
        <div id="tabs-2">
            <p>
                웹 사이트에 구축된 웹 페이지, 즉 HTML 문서를 볼 수 있는
                응용 프로그램을 의미한다. 인터넷 익스플로러, 크롬, 사파리,
                파이어폭스 등이 여기에 속한다.
            </p>
        </div>
        <div id="tabs-3">
            <p>
                인터넷 연결 전문 업체에서 자신이 보유한 웹 서버와 네트워크를
                이용해서 개인이나 기관에게 홈 페이지를 구축할 수 있도록
                서버 상에 사용자 계정과 디스크 공간을 임대해주는 서비스이다.
            </p>
        </div>
    </div>
</body>

관련글 더보기