10주차 - jsp (2) Context root, <div>와 <span>
2022. 9. 8. 17:27ㆍjsp/html
이번의 목표
01. html에서 공백의 사용이 어떻게 되는지 확인해보자
02. Context root을 다르게 했을 경우를 확인해보자
03. <div> 태그와 <span> 태그를 구분해보자
아래의 프로젝트 이름은 htmlExam 이다. 프로젝트 생성시에 Context root는 html_Exam 으로 설정했습니다.
주소에 포트번호가 8085인 것은 jsp 설치시에 이렇게 설정했을 뿐입니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%--
이 프로젝트의 Context root는 일부러 프로젝트 이름과 다른 'html_Exam' 으로 설정했다.
http://localhost:8085/htmlExam/ex01.jsp
프로젝트이름/파일명 의 형식으로 착각하기 쉽다.
하지만 실제로는
http://localhost:8085/html_Exam/ex01.jsp
Context root 명/파일명 의 형식을 입력해야 접속이 가능하다.
--%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ex01</title>
</head>
<body>
냠 1
<br> 냠 2
<br> 냠 3
<br>
<div id="div1">division tag 1</div> <!-- id='' 는 div에 id를 부여 -->
<div class="dvv2">division tag 2</div> <!-- div에 class 지정 -->
<!--
div와 span은 거의 동일한 의미로 사용된다.
굳이 이 둘의 차이점을 구분해보자면
현장에서 구역을 지정할때에는 div를 사용하고
내부의 객체를 지정할 때에는 span을 사용한다.
고 한다. 일단 네이버 화면의 코드를 확인해보면 위에 적은것처럼 최하위 객체는 span으로 되어있고 나머지는 div로 되어있는 것을 확인 할 수 있다.
-->
<div>division tag 3</div>
</body>
</html>
띄어쓰기를 여러번 해도 한번만 되는 것을 확인할 수 있습니다.
'jsp > html' 카테고리의 다른 글
| 10주차 - jsp (6) <ol>, <ul> (0) | 2022.09.08 |
|---|---|
| 10주차 - jsp (5) <pre> (0) | 2022.09.08 |
| 10주차 - jsp (3) <i>, <b>, <u>, <s> (0) | 2022.09.08 |
| 10주차 - jsp (1) 주석, <h> 태그 (0) | 2022.09.08 |
| 10주차 - Apache Tomcat 설치 (포터블버전) (0) | 2022.09.07 |