| html, css를 이용하여 싸이월드 양식 만들기 |
| 1. jukebox.html, jukebox.css에 표 형태 나와있는데, html에서 표 태그 이용하여 그려주면 된다. 2. border 경계 사이를 없애주는 속성을 사용하면 예제처럼 표현할 수 있다. border-spacing 3. navigation 버튼 만들 때, position을 이용하여 절대 위치로 위치 조정하기. 4. 태그의 속성의 값을 변경하고 싶은 경우, setAttribute(name, value) 를 이용하여 조정할 수 있다. 이벤트 감지하고, 그에 따라 변경할 때에 유용하게 사용된다. 5. 메뉴 버튼 클릭을 이용하여 원하는 페이지로 이동할 때에 함수의 개수 고민했었다. 3개가 필요하다. 한 버튼 당 하나씩 기능을 넣어주면 되기 때문이다. 쉽게 생각하자! |
- iframe에 넣을 jukebox.html, jukebox.css 제작하기.
- 옆에 navigation 버튼 생성하기.
- navigation 버튼을 눌렀을 때 기능이 작동하도록 코드 제작하기.
완성된 싸이월드 양식
'web > html css' 카테고리의 다른 글
| [css] box-sizing (0) | 2023.03.08 |
|---|---|
| [css] css란 무엇일까? (0) | 2023.03.08 |
| [html css] 싸이월드 만들기 (3) (0) | 2023.03.03 |
| [html css] 싸이월드 만들기 (2) (0) | 2023.03.02 |
| [html css] 싸이월드 만들기 (1) (0) | 2023.02.24 |