span태그
-
카카오톡 클론 코딩 #10 설정창이거 공부 했더니 어때?/HTML & CSS & JS 2020. 11. 16. 06:21
설정창은 각 창들의 상단의 위치한 톱니바퀴를 누르면 실행되는 창이기 때문에, 그럼 더보기창의 톱니바퀴를 눌렀을 때, 설정창으로 넘어가도록 more.html의 header부분의 톱니바퀴 아이콘에 하이퍼링크를 걸어 주겠습니다. (다른 창들의 톱니바퀴도 똑같이 수정해 주면 됩니다) 이제 설정창을 살펴 보면, 다른 창과 유사하게, 1> 상태표시줄, header, 그리고 2> 두 개의 목록들, 3> navigation bar로 이뤄져 있습니다. 위와 같이 만들어 주기 위해, more.html을 복사해서 settings.html에 붙여 넣은 후, 위쪽부터 차례대로 수정해 주도록 하겠습니다. 먼저 창의 타이틀, 제목을 바꿔주고,(더보기 -> 설정) 그리고 header에 위치한 title, 이름도 (더보기->설정으로)..