10주차 - jsp (8) <div>, <big>, <small>
2022. 9. 8. 18:05ㆍjsp/html
오늘의 목표
01. <div> 태그로 구역을 나누어보자.
02. <big><small> 태그를 써보자
03. <b>, <i>를 같이 써보자
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ex08</title>
</head>
<body>
<div style="background:red; height: 100px" align="center">
<br>header<br>1번칸이요
</div>
<div style="background:orange; height: 200px" align="left">
<br>center<br>2번칸이요</div>
<div style="background:skyblue; height: 100px" align="right">
<br>footer<br><big>3번칸big이요</big> big안넣은구문이요 <small>나는 small이요</small></div>
<div style="background:pink; height: 100px" align="right">
<b><i>볼드에 이탤릭도 되나요?</i></b>
</div>
</body>
</html>
align 속성으로 center, left, right 를 넣었을때 각각의 위치가 다른것을 확인 할 수 있습니다.
세번째 줄에서 <big> <small> 태그가 붙은 것을 보면 글씨 크기가 다른것도 확인할 수 있습니다.
<b><i>를 같이 썼을 때에 볼드체, 이탤릭체 둘다 적용되는 것도 확인할 수 있습니다.
'jsp > html' 카테고리의 다른 글
| 10주차 - jsp (10) id, class, <style> (0) | 2022.09.08 |
|---|---|
| 10주차 - jsp (9) <img>, 반응형&고정형 (0) | 2022.09.08 |
| 10주차 - jsp (7) <a>, href, target, title (0) | 2022.09.08 |
| 10주차 - jsp (6) <ol>, <ul> (0) | 2022.09.08 |
| 10주차 - jsp (5) <pre> (0) | 2022.09.08 |