목록html css (4)
겉바속촉
항상 프로젝트 해주실때마다 다음과 같이 설정해주셔야합니다:) JspProject - 우클릭 - Configure - Convert ..... 다음과 같이 3가지 체크해주세요 Browser, CKEditor, Jquery 체크체크 table 하나 생성해주세요 refresh 해보시면 다음과 같이 sinsang table이 만들어졌죠? 자바 로 오셔서 다음 표시해준 것과 같이 package(안에 class2개), folder(안에 jsp file 3개) 생성해주세요:) 1. sinsangDTO 만들기 변수 선언해주시고 자동생성으로 setter getter들 작성해주세요:) source - generate getters and setters select all - generate 그러면 다음과 같이 쭈루르르르륵..
이번에는 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; }
이번 시간에는 아예 css파일을 따로 생성해준 후에html파일을 만들어보도록 할게요:) table을 또 만들려고 하는데요그 전에 table style에 대한 css를 따로 해주는 거죠!! 1. 다음과 같이 우클릭 - new - other 2. css를 타이핑 -> next -> 이름 생성 3. 다음과 같은 화면이 뜨면 ok 4. css파일 코드 작성해주기@charset "EUC-KR"; table { border: 2px solid gray; width: 500px; } tr, th, td{ border: 1px dotted gray; font-size: 10pt; } 5. html파일 생성해준 후에 table안에 들어갈 코드 작성 다음과 같이 작성해주시고~ 중간고사 성적 JAVA JSP Spring 8..
웹 페이지에다가 기사를 정리보려고 합니다! 원하는 기사를 가지고 와서 블럭 사이에 넣어주세요:) 그리고서 제목, 소제목들 정리해주어야 하기 때문에 h1, h2 태그를 사용했습니다. 그리고 이제 강아지 그림을 넣어볼게요:) image 폴더를 하나 생성해주신 후에 1. 가지고 있는 사진파일들 복사 2. image폴더에 붙여넣기 사진을 넣고 싶은 위치를 확인해줍니다:) 사이사이에 이런식으로 작성해 주시면 되는 거에요!! alt 속성은 이미지를 찾을 수 없을 때 출력될 텍스트입니다. 꼭 지정해주셔야해요:) 그리고 해당 폴더명을 src 속성에 저장해주세요 그리고 컴파일 해보시면 다음과 같이 강아지 사진들이 코드가 작성된 위치에 들어가게 됩니다:) 이제 우리는 CSS코드를 사용하려고 합니다 우리가 바꾸고 싶은 스타..