JSP - 구역(div)마다 다른 느낌 주는 퀴즈 (2022-09-08)
2022. 9. 8. 12:47ㆍ3층 1구역 - 개발의 장/JSP
1. 서론
div를 활용하여 구역마다 다른 느낌을 줘보자.
2. 본론
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Quiz1</title> <style type="text/css"> div{ text-align : center; } .box1{ background: red; height: 150px; } .box2{ background: orange; height: 200px; } .box3{ background: skyblue; height: 100px; } </style> </head> <body> <div class="box1"> <br>header<br> 사전 / 뉴스 / 증권 / 영화 / 뮤직 </div> <div class="box2"> <br>center<br> 컨텐츠 영역 <br> 환영홥니다. </div> <div class="box3"> <br>footer<br>바닥글 영역<br> 회사소개 | 인재채용 | 제휴제안 | 이용약관 </div> </body> </html> | cs |
'3층 1구역 - 개발의 장 > JSP' 카테고리의 다른 글
| JSP - Table (2022-09-08) (1) | 2022.09.08 |
|---|---|
| JSP - 블로그 형식 같은 느낌을 주는 퀴즈 (2022-09-08) (1) | 2022.09.08 |
| JSP - 퀴즈 같지만 퀴즈 아닌 예시(2022-09-07) (0) | 2022.09.08 |
| JSP - 주석의 종류, 각종 태그들(2022-09-07) (1) | 2022.09.08 |
| JSP - JSP파일을 웹에 연동시켜보자. (2022-09-07) (0) | 2022.09.08 |