------------------------------------------------------------- ▼기본 여백 값 없애기 ▷ * = body안 모든것을 포함 ▷margin : 바깥여백 ▷padding : 안쪽여백 ex) *{margin: 0px; padding:0px;} .m50{margin-bottom: 50px;} ▼ 바깥여백 (margin) ▷네모난 박스를 기준으로 밖으로 나가는 여백 ▼바깥여백 없애기 ▷margin- '방향' : 수치px; ㄴmargin-top : 박스를 기준으로 위로 바깥여백 ㄴmargin-bottom : 박스를 기준으로 아래로 바깥여백 ㄴmargin-right :박스를 기준으로 오른쪽 바깥여백 ㄴmargin-left : 박스를 기준으로 왼쪽 바깥여백 ㄴmargin ..

------------------------------------------------------------ ▼이미지 삽입 ▷저장된 파일에서 불러오기 ㄴ저장한 html 문서를 기준으로 이미지를 찾아감 : html과 같은 파일 ㄴ이미지를 불러올 땐 경로 이미지 이름, 확장자 까지 입력 ex) ㄴ "/"로 이동 구분 ▷서버에 이미지를 저장 후 불러오기 ㄴ 블로그 같은 서버에 저장 후 주소 링크로 불러 올 수 있음 ex) 이미지삽입 ㄴ경로가 달라지면 이미지가 보이지 않음 : 경로 수정 ▼alt :대체문구 ▷이미지 경로가 다르거나 해당 이미지가 없으면 웹에서는 이미지를 볼 수 없다. ▷이미지가 보이지 않을 때 이미지를 설명하거나 코딩시 이미지를 쉽게 구분할 수 있도록 alt 속성을 사용한다 ▷경로가 맞아 이미지..

▼스타일 (글자 및 이미지를 꾸밀 때 사용) ▷인라인 스타일 : 태그에 스타일을 선언하고 속성하고 속성값을 입력 (웹표준에는 권장하지 않음) ▷내부 스타일 : 안에 ㄴ선택자는 스타일을 적용할 태그 ㄴ같은 태그여도 스타일을 다르게 주고 싶다면 'class' 를 이용해야함 ▼각각 스타일 적용 ▷ 'class' 적용 ex) 성적확인 공지사항/자료실 학습문의 ㄴ반드시 첫글자는 영문이어야함 ㄴ두번째 글자부터는 숫자,특수문자가( _ ) 와도 됨 ㄴclass 명을 보면 어떤 스타일을 사용했는지 알 수 있도록 써야 함 (여러사람이 협업하기 때문) ▼컬러 ▷색코드는 16진수 0~9, a~f 를 사용 ▷색코드는 6자리 (html 에서는 3자리도 있음) ㄴrgb에 해당하는 두글자가 같을시 하나만 씀 ▼배경 (글자 색상을 생..

----------------------------------------------------------- html : 홈페이지에 보일 내용을 입력하는 곳 css : 내용을 이쁘게 꾸미는 역할 (스타일) ▼ 사이에 입력 ▷글자색상 ex) ㄴex) h2 {color:red;} ㄴ ";" (세미콜론)는 마무리한다는 뜻 뒤에 추가하기위해서 필수 ▼글자크기 ▷font-size; "숫자"px ex) ㄴex) p{font-size: 25;} ㄴ ";" (세미콜론)는 마무리한다는 뜻 뒤에 추가하기위해서 필수 ㄴ의 기본 크기는 16px

▼ 태그 ▷ 안에 들어가 있음 ▷ "" = 여는 태그 ▷ "" = 닫는 태그 ▷ 소문자로 입력 (대문자도 사용가능하나 서로약속) ㄴ여는 태그와 닫는 태그를 사용 = ex. ㄴ예외로 여는 태그만 있는 경우도 있음 = ex. 기본 형식 ▼ = html 5버젼을 사용한다 ▼ = "홈페이지 화면에 나오는 것" 제목1입니다 제목2입니다 제목3입니다 제목4입니다 제목5입니다 제목6입니다 내용입니다 ------------------------------------------- ▼ 진하게 설정 (고유설정) ▷크기에 따라 글자 진하기가 다름 ▼ 글자 크기가 정해져 있음 ▷ ~ 까지만 사용 ▷숫자가 클수록 글자 크기가 작음 (1>6) ▷글자 크기가 작을수록 중요도가 떨어짐 ▷항상 열었던 태그와 닫는 태그가 같아야한다 (오..