HtmlStudy

HTML과 CSS를 연습

Homepage 만들기

• XD 디자인을 보고 Html, css로 홈페이지 만들기
• 🚀완성된 홈페이지로 이동

06.13

• VS Code와 깃허브 연동
• inline태그, block태그 차이(span, div)
• 제목태그와 목록태그(h1, ul, li)
• 입력양식태그(form, input)
• 이미지 불러오기, 링크 걸기(img, a)
• 태그의 높이와 너비 지정을 이용한 버튼만들기(width, height)

06.14

• local, origin dev branch 추가
• 테이블 태그 다루기(table, thead, tbody, tr, th, td)
• 여백과 면적의 차이(margin, padding)
• html 기본 속성 죽이기(* 선택자)
• Position 위치 속성 비교하기(absolute, relative, fixed)
• 어떻게 보여질까? Display 속성(none, block, inline, flex)

06.15

• XD 디자인을 보고 Html, css로 홈페이지 만들기 - 1

참조 링크 1. XD 링크 2. 타모디자인

• intro 배경화면 넣기, 검색창과 navgation bar 만들기

06.16

• XD 디자인을 보고 Html, css로 홈페이지 만들기 - 2
• intro, .amount까지 완성

06.17

• XD 디자인을 보고 Html, css로 홈페이지 만들기 - 3
• icon을 넣어서 main을 완성

06.18

• XD 디자인을 보고 Html, css로 홈페이지 만들기 - 4
• main1, main2, footer 완성
• 깃허브에 홈페이지 올리기
• 🚀홈페이지로 이동

06.19

• Html, Css 기초 - 1, 2 복습
• basic1-1.html, basic2-1.html

06.20

• Html, Css로 홈페이지 만들기 - 1, 2 복습
• 복습내용 home-1.html에 작성
• Jquery 기초 학습 - jqueryBais1.html, jqueryBasic2.html
• attr로 이미지 클릭하면 로테이션되는 것을 구글링으로 찾아서 적용.

06.21

• Html, Css로 홈페이지 만들기 - 3, 4 복습
• JavaScript 기초 연습

06.22

• Html, Css 기초 - 1, 2 복습

06.23

• Html, Css로 홈페이지만들기 - 1, 2 복습
• Html, Css로 홈페이지만들기 - 3, 4 복습