[웹사이트 직접 만들기] HTML, CSS, JS 적용

• 웹사이트 직접 만들어보기
  이번에 유튜브의 생활코딩님의 강의로 기초 HTML, CSS, JS에 대해 배웠다.
  아직 미천한 실력이지만 배운 개념을 적용해보기
  이번에 온라인으로 교육을 진행할 동아리 웹사이트를 만들어보기로 했다!
  막상 만들어 보려고 하니깐 새로운 개념들이 많아서 기록해두기로 했다.
  우선 내가 만들 사이트의 틀을 잡아보았다.
  대면으로 동아리원들을 만날 수가 없어서
  교육동영상을 꼼꼼하게 자세하게 제작해서 올리기로 했기 때문에
  강좌 동영상을 한눈에 쉽게 볼 수 있게 해주면서
  우리 동아리 커뮤니티 소개, 기타교육/동아리 관련한 문의사항, 공지사항(아마도 교육 일정 및 비대면 교육 관련해서, 열린 게시판 - 자유롭게 좋은 기타 연주 영상/연주회 등 관련해서 올리기/자신의 연주 영상 올리기 등, 동방 vr체험은 코로나로 인해 동아리방이 전면 폐쇄되어서 동아리방을 가보지 못한 신입생분들 ㅠㅠ 혹은 가입 전에 동아리 방이 어떤지 둘러보고 싶은 분들을 위해 ..! 근데 동아리방 사진을 찍어야 해서 좀 많이 나중에.. 올릴 것 같다..ㅋㅋ)
  ===>나중에 열린게시판은 그냥 삭제했음!
  

• 만들기
  => style.css 파일을 따로 만들어놓고 link-탭을 누른 후
  href 에 style.css 따로 입력해놓으면 된다
  => 내 것은 총 세개의 박스로 (로고 / 메뉴들 / 로그인) 이루어져 있다
  => 세개로 나눠준다

• nav

  • 태그를 이용해서 는 고유한 하나의 상단 메뉴이기에 id를 부여

• flex

1. display

2. flex-direction

3. justify-content

4. align-items

5. flex-wrap **** 공간 없으면 넘기는 것

6. flex-flow

7. align-content

• 이미지에 href 넣기
  <출처: https://meaningone.tistory.com/115 [의미 하나]>

 <a href="http://www.naver.com"><img src="C:\Users\city\Pictures\finger.png"/></a>