'2021/02'에 해당되는 글 9건

The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-party servers have not been tampered with. Use of SRI is recommended as a best-practice, whenever libr

code.jquery.com

jquery-1.9.1.js

0.26MB

됫다 이제 세팅은 끝낫다

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="반응형 웹 페이지 제작 샘플입니다.">
    <meta name="keyword" content="반응형 사이트, 교육사이트">
    <meta name="robots" content="all">
    
    <title>Document</title>
    
    <!-- favicon & icon -->
    <link rel="shortcut icon" href="img/icon/044-buffer.ico">  
    <link rel="buffer-icon" href="img/icon/044-buffer.ico">
    
    <!-- style css -->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    
    
    
    <!-- webfont -->
    <link href="http://fonts.googleleapis.com/earlyaccess/nanumgothic.css" rel="stylesheet" type="text/css">
    
    <!-- html5 Support & ie Version Checker -->
    <script src="setting/html5shiv.js"></script>
    <script src="setting/ie-checker.js"></script>
    
    <!-- jQuery -->
    <script src="setting/jquery-1.9.1.js"></script>
</head>
<body>
   <header id="header"></header>
    
</body>
</html>

Or71nH

웹을 만들어보자 이제 이블로그를안쓴다는 마음으로!!!

카테고리 없음 2021. 2. 4. 14:56

일단 필요한것은 brackets 를 받는다

저 확장기능부터 설정할 것이다

저기 EMMET 를 받는다

html 를 편하게 쓸수 있게 해준다

난 테마도 바꿀래

이쁘게 나와서 눈에 보기 편하다 !!

이쁜걸로 바꿔준다

됫어! 이제

html:5 입력하고 <tap>

플러그인이 잘 들어갓다

이제 tap 을이용한 빠른 입력이다!!

header <tap> <ctrl + Enter>

빠르다 작업이

그리고 여러개 만들기

section>section*3>article*3 <tap>

개빠르다 이거다!!

이제 타이핑 이쁘게 해준다

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Outliner</title>
</head>
<body>
    <header>
        <h1>반응형 사이트 타이틀</h1>
    </header>
    <nav>
        <h2>반응형 사이트 전체메뉴</h2>
    </nav>
    <article>
        <h2>반응형 사이트 서브 타이틀</h2>
    </article>
    <main>
       <section>
           <h2> 반응형 사이트 컨텐츠</h2>
           <section>
               <h3>반응형 사이트 왼쪽 컨텐트</h3>
               <article><h4>반응형사이트 왼쪽 컨텐츠1</h4></article>
               <article><h4>반응형사이트 왼쪽 컨텐츠2</h4></article>
               <article><h4>반응형사이트 왼쪽 컨텐츠3</h4></article>
           </section>
           <section>
               <h3>반응형 사이트 가운데 켄텐츠</h3>
               <article><h4>반응형사이트 가운데 컨텐츠1</h4></article>
               <article><h4>반응형사이트 가운데 컨텐츠2</h4></article>
               <article><h4>반응형사이트 가운데 컨텐츠3</h4></article>
           </section>
           <section>
               <h3>반응형 사이트 오른쪽 컨텐츠</h3>
               <article><h4>반응형사이트 오른쪽 컨텐츠1</h4></article>
               <article><h4>반응형사이트 오른쪽 컨텐츠2</h4></article>
               <article><h4>반응형사이트 오른쪽 컨텐츠3</h4></article>
           </section>
       </section>
    </main>
    <footer>
        <h2>반응형 사이트 푸터</h2>
    </footer>
    
</body>
</html>