CSS
-
CSS (Cascading style sheet ) 사용법 및 예제Web/CSS 2018. 9. 5. 10:47
CSS 는 Cascading style sheet의 약자로 웹페이지를 꾸미기 위한 스타일들을 저장해두는 문서이다. jsp 페이지에서 사용할 css 파일을 등록한 후 div 태그중 "class"를 통해 css 파일에 작성해 둔 클래스를 적용시키는 방식으로 사용한다. 예제를 통해 확인하자. 1. signUp.jsp 파일. 회원가입 페이지를 작성하는 데 css를 적용시킨다. 1) css 파일을 import 하는 방법. link를 통해 rel, type을 다음과 같이 등록하고 href에는 경로를 작성해준다. 이때 경로는 프로젝트명/ContextRoot 이후의 경로를 작성해주면 된다. Context root를 모른다면 이전 포스팅 참조. 2) div의 class에서 css에서 지정해둔 클래스명을 적는다. 이후 닫..
-
HTML , css 태그 정리Web/HTML 2018. 9. 3. 16:53
HTML5의 태그들에 대해 예제를 통해 보다 직관적으로 이해할 수 있도록 돕는 사이트가 있다. 굉장히 강력한 기능들을 탑재했기 때문에 반드시 즐겨찾기 할 것을 권장. 1. 링크로 접속 https://www.w3schools.com/ 2. HTML을 비롯한 각종 웹페이지 언어들에 대한 References를 제공한다. HTML REFERENCES 클릭3. 왼쪽 하단에 HTML Tags 탭에 모든 탭에 대한 설명과 예제가 있다. 그중 맨 아래 있는 ul 찾아 클릭4. 다음과 같은 예제 코드가 있다. Try it Yourself 클릭하면 해당 코드를 수행한 결과를 바로 확인할 수 있다.5. 왼쪽의 html 코드의 결과가 오른쪽에 출력되며 왼쪽에서 수정 가능하다. 포스팅한 것들 중 태그의 역할이 궁금할 경우에 참..