목록html태그 (3)
겉바속촉
이번에는 onchange를 연습해보도록 합시다:) 우선 html파일 3개를 만들어주세요 그 다음 이미지를 넣고 select로 이동시켜볼게요 select1 select1페이지입니다 select2 select2페이지입니다 select3 select3페이지입니다 main 블럭 사이에 을 만들어주세요 그리고 를 주실 건데요 ---> onchange 를 적용시켜주시는 겁니다. 선택하세요 페이지1로 이동 페이지2로 이동 페이지3로 이동 컴파일해보시면 다음과 같은 창이 실행이 됩니다. 선택하세요 박스 클릭하시면 다음과 같이 목록이 뜹니다:) 코드에서 작성한 각각의 value값들인 거쥬 페이지1로 이동 누르면 페이지2로 이동 누르면 페이지3로 이동 누르면 각각 잘 작동했다면 성공!^^!
혁오의 위잉위잉을 예쁘게 꾸며볼게요:) 일단 가사를 가지고 와서 붙여넣기 해주신다음 여러가지 태그들로 문장 하나씩 구분을 해주시면 됩니다 그리고 실행해주시면 다음과 같은 창이 뜨겠죠? 이제 이미지를 넣어줄건데요 가지고 계신 이미지를 복사해서 eclips창으로 오신 후에 WebContent - image폴더 클릭 - 붙여넣기 그리고 작성해주셔야합니다 저는 가사 맨 밑에다가 사진 넣어주었어요!! 넣고 싶은 위치에다가 넣어보세요:)
웹 페이지에다가 기사를 정리보려고 합니다! 원하는 기사를 가지고 와서 블럭 사이에 넣어주세요:) 그리고서 제목, 소제목들 정리해주어야 하기 때문에 h1, h2 태그를 사용했습니다. 그리고 이제 강아지 그림을 넣어볼게요:) image 폴더를 하나 생성해주신 후에 1. 가지고 있는 사진파일들 복사 2. image폴더에 붙여넣기 사진을 넣고 싶은 위치를 확인해줍니다:) 사이사이에 이런식으로 작성해 주시면 되는 거에요!! alt 속성은 이미지를 찾을 수 없을 때 출력될 텍스트입니다. 꼭 지정해주셔야해요:) 그리고 해당 폴더명을 src 속성에 저장해주세요 그리고 컴파일 해보시면 다음과 같이 강아지 사진들이 코드가 작성된 위치에 들어가게 됩니다:) 이제 우리는 CSS코드를 사용하려고 합니다 우리가 바꾸고 싶은 스타..