항해준비-0주차(html+css+jsp쬐~끔)

드디어 항해출발..

 

왕초보강의 1주차는 html+css 기본기와 javascript 쬐~끔 곁든 강의였다.

 

html---------------------------------------------------

<div>는 division의 약자로 구역을 나누는것.

<p> paragraph의 약자로 문단을 나누는것.

<ul>,<li>는 list를 나누는것.

<h1>는 제목으로 주로 씀

<h2>소제목

<h3>..<h6>은 내용으로 씀

<span>특정 구역만 꾸며주거나 강조하고 싶을때 씀. Display:inline

<a>하이퍼링크 태그 누르면 웹사이트로 이동할때 씀

<img>는 이미지를 삽입할때 씀

<input>은 검색창으로 씀

<button>은 클릭할수있는 버튼을 만들때 씀

 

css---------------------------------------------------

Padding : 객체의 안쪽여백을 조정

Margin : 객체의 바깥여백을 조정

 

*가운데로 조정하기*

왼쪽 오른쪽 똑같은 값으로 밀어내서 중간에 오게끔 만드는 원리.

중간에 오게끔하는 객체들을 <div>로 한번더 감싸서 <div>안에 있는 객체들을 한꺼번에 이동하게끔.

margin: auto; -> 상하좌우를 최대한 밀어내라!

 

javascript---------------------------------------------

(java와 javascript는 생각보다 아무런 관련이 없다.

선생님의 말을 빌리자면 바다와 바다코끼리 같은 느낌..!)

 

변수 - 값을 담는것

자료형 - 이게 숫자냐? 문자냐?

함수 - function()

조건문 - if~else

반복문 - for문

 

let a_list = ['사과','배','감','딸기']

for (let i=0; i<a_list.length; i++){

    console.log(a_list[i])

}

 

i가 0부터 하나씩 커지면서 내용물을 실행시킨다.

언제까지? a_list.length 길이까지(0~3)

 

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

 

숙제 완료!