나는 내가 공부 한걸 잘 알고 있니?

js 파일과 css 파일을 단독으로 열어보면 말 그대로 '열어서 보는것' 만 된다.. 이 말이 무엇이냐하면 위에 보이는것을 단독으로 실행해봤자 아무 의미가 없다 이말이다. css 스타일 시트와 javaSCript 파일은 html 속에서 실행되야 인간이 편하게 볼수 있는 방식으로 나온다는 뜻이다. 그러기 위해서 간단한 js,css 파일을 작성후에 연결하는법을 해봅시다. 간단한 작성후에 html 에 연결을 해줍니다. 이렇게 연결을 마친후에 index,html 을 브라우저에서 실행을 해주면 body 태그의 배경색은 베이지색으로 변하였고 ( CSS 적용된 모습) 브라우저가 실행 되었을때 hi 텍스트를 담은 창으 출력이 되었습니다. (js 적용된 모습)

header#hd.container>h1>a>img^^ul#gnb>li.d1li>a.d1a{대메뉴}+ul.d2ul.li.d2li>a.d2a{소메뉴} 상단 부분이고 처음 상단 부분에 로고를 넣는 곳에는 h1 태그를 사용하였고 이후에 대메뉴 부분에 크게 아이디 gnb 를 넣었다. 또한 각각 대 메뉴, 소메뉴마다 클래스를 주었다. (주고나서 보니 각각 전부다 클래스를 준건 살짝 과한면이 있지 않나 싶다. 메뉴부분에서 아마 실용적으로 사용하기에는 아이디 gnb , 대메뉴의 클래스정도가 아닐까 싶다. 보통 메뉴들은 스타일같은경우는 다 똑같이 작동하게 만드니 말이다.)