코딩 도전기_01_210628

학습 내용

  • html은 뼈, css는 살, Java는 근육
    세우고, 덧붙이고, 움직인다.

  • Pycharm 고빈도 사용 단축키
    cmd+a : 전체선택
    cmd+alt+l : 코드 자동 정렬

  • head는 두개골, body는 몸통 뼈

  • div로 상반신과 하반신, 팔, 종아리 등 여러 부분으로 나눔

  • p는 엔터

  • hr은 구분선

  • 간단한 로그인 창 제작

목표

  • 혼자서 작은 목표 2개를 세웠다.
    [1] NAVER 메인 페이지 따라 만들기
    [2] 내가 만들고 싶은 웹 페이지 만들기

목표[1] 진행 상황

  1. 결과
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>NAVER_prac</title>
    <style>
        .mytitle {
            color: #03c75a;
        }
    </style>
</head>

<body>
<p>
    <div>
        네이버를 시작페이지로 <button>></button> 쥬니어네이버 해피빈
    </div>

</p>
<div>
    <h1 class="mytitle">NAVER
        <input type="text"/>
    <button>검색</button>
    </h1>
</div>

<p>
<hr>

<span style="color:#03c75a">메일 카페 블로그 지식in 쇼핑 쇼핑live pay TV</span>
사전 뉴스 증권 부동산 지도 VIBE 책 웹툰 더보기
<button>></button>
<hr>
</p>
</body>

</html>

  1. 내용
    : 네이버 메인 페이지 3줄 러프하게 흉내/제작해봄

  2. 자가 점검

  • 신기함
  • 메일~TV 부분만 초록색으로 바꾸는 데 꽤나 애를 먹음
    ->span코드 이용
  • 첫 줄 오른쪽 정렬이 시급함

좋은 웹페이지 즐겨찾기