목록HTML 공부 (2)
겉바속촉
이번에는 ul이랑 li 사용해서 코드를 짜보도록 할게요:)table에만 css를 적용할 수 있는 것이 아니쥬?text에도 가능합니다!! 다음과 같이 코드를 작성해주세요순서 없는 list기 때문에 ul을 사용해주는 것이에요그리고 각각 들어갈 데이터들은 li 태그를 사용해주는 것입니다:) 1일차 1번예제 2번예제 3번예제 2일차 1번예제 2번예제 3번예제 3일차 1번예제 2번예제 3번예제 4일차 1번예제 2번예제 3번예제 컴파일 여기서 포인트는 hover를 썼다는 점입니다hover는 바로다음과 같이 마우스를 올려보면 blue로 바뀌게 해주는 것이에요!!색깔은 자기맘!! 다음과 같이 작성해주세요:)ul.submenu>li>a:hover { color: blue; }
이제 audio랑 video도 넣어볼 줄 알아야합니다:) 먼저 audio로 음악듣기를 해볼게요?? html파일 하나 생성해주신 후에 body사이에 다음과 같이 코드 작성해주세요 html5에 추가된 Audio&Video Audio로 음악 듣기 이미지 파일 넣어주듯이 가지고 계신 오디오파일 복사하신 후에 폴더에 붙여넣기 해주세요:) 그 다음 라고 해주시는 거에요 우리는 또 음악파일을 컨트롤 해줄 컨트롤 박스가 필요하겠죠?? 그래서 controls="controls"를 추가해주시면 됩니다 전체는 그리고 컴파일 해보시면 다음과 같이 나오것이쥬?! 블럭 하나 더 넣어주세요:) 이제 video 넣어주시면 됩니다!! 다음과 같은 코드를 작성해주시는데요 과정은 오디오 파일을 넣는 과정과 동일합니다. 여기서 포인트는 o..