4/17 3일차

html.7z

0.04MB

 

 

* 모든걸 알려고 하지 말자

- 공부 : 책 적어도 3회독 ( 백문이 불여일타 )

1회독 : 그냥 읽기, 용어 구경

( 사이에 강의 들으면 좋음 )

2회독 : 전 소스코드 전부 타이핑

3회독 : 전 소스코드 전부 타이핑

* 목차를 통한 정리가 가능

 

주중엔 빡세게

주말엔 놀자 ( 온라인게임 하지말자 )

 

 

 

js 할때까지 tomcat 항상 켜기

 

cls - cmd 창 정리

startup.bat       - 시작

shutdown.bat  - 종료             

 

웹화면 구성

 

html - 구조(memo)

css - 디자인(style) -- 디자이너의 영역

       - 선언 - 적용

       - selector

                    tag selector

                    id selector

                    class selector

                    ----------------------

                    pseudo class

                    pseudo  element

                    -----------------------

                    

       - 적용 내용

 

js - 기능

 

 

https://naver.me/IFIp59kf

강의자료 올라오는 사이트

공유자료

 

==============================================================

 

font

 

시스템에 없는 폰트 적용

 

1. 구글에서 제공하는 폰트

              fonts.google.com 

Browse Fonts - Google Fonts

 

2. web font

           디자이너 - font 제공 : 라이센스 문제

         

3. 한글 font

    https://company.gabia.com/introduce/ci

가비아 회사소개

 

=====================================================

icon

 

 

https://fontawesome.com/

Font Awesome

 

 

cursor

    <div style="cursor:default">default</div>

    <br /><br />

    <div style="cursor:auto">auto</div>

    <br /><br />

    <div style="cursor:crosshair">crosshair</div>

 

    <br /><br />

    <div style="cursor:help">help</div>

 

 

 

=============================================================

 

layout

           - 전체적인 화면 구성

           - table tag

           - div /  p / span + css

                      table = > 표

 

border

padding

margin

 

=== >>> 버튼 만들기 가능

 

https://css3buttongenerator.com/

css3buttongenerator.com

 

tag의 종류

         block tag - 엔터키 포함

         inline tag - 엔터키 없음

 

 

         내일부터 자바스크립트 배움

 

https://www.opentutorials.org/module/532

JavaScript

참고하기