아무것도 모른 채 학원에서 배울 때는 몰랐는데 지금 보니까 많은 이해가 되네요.
그저 배울때 남겨 두었던 히스토리입니다.
참고하실 내용이 있다면 참고하면 좋을 것 같습니다.
이해도가 낮아서 포스팅의 질은 많이 떨어지네요.
웹 개발을 하기 위해서는 jsp, 오라클, html, java가 필요하다.
서버 -> 아파치
APP -> jsp *
Data base -> 오라클 *
응답할 때 html로 응답한다.
+ java script
-환경 구성하기-
에이트 플러스 다운.
www.Oracle.com 에서 java다운.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
이미지를 한번 삽입해 볼까요?<br />
<img src="img one.jpg" width="100" height="100" /><br />
이미지를 삽입하였습니다.<br />
</body>
</html>html 파일로 저장해둔 폴더에 img one.jpg 파일을 가져다 놓으면
이미지로 나온다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
p테그는 문단을 나눌때 사용하는 태그입니다.(자동개행,한줄띄기)<br />
<p>
<!--여기는 주석문(주석문은 화면에는 출력되지 않아요)-->
여기는 첫번째 문단 첫째줄입니다.
여기는 첫번째 문단 두번째줄입니다.
</p>
<p>
여기는 두번째 문단 첫째 줄입니다.
여기는 두번째 문단 두번째 줄입니다.
</p>
<p>
여기는 세번째 문단입니다.
</p>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
div 테그는 문단테그(p테그와 차이점은 한줄띄기가 안됨)<br />
<div>
여기는 첫번째 문단 첫번째 줄입니다.
여기는 첫번째 문단 두번째 줄입니다.
</div>
<div>
여기는 두번째 문단 첫번째 줄입니다.
여기는 두번째 문단 두번째 줄입니다.
</div>
<div>
여기는 세번째 문단입니다.
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<!--font 테그는 글꼴을 설정할때 사용되는 테그(비권장테그) -->
<font color = "red" size = "6">
2010남아공 월드컵에서 독일팀의 승패는 물론 스페인의 우승까지
정확히 예측한 족집게 문어 ... 어쩌구 저쩌구...<b>파울</b>
</font>
<br/>
<b>파울</b> <!-- b테그는 굵게 -->
파울의 예지력에는 어떤 비밀이 숨어 있는 걸까?
<!--h 테그는 제목을 표시할때 사용하는 테그 1부터 6까지 있다 -->
<h1>여기는 제목1</h1>
<h2>여기는 제목2</h2>
<h3>여기는 제목3</h3>
<h4>여기는 제목4</h4>
<h5>여기는 제목5</h5>
<h6>여기는 제목6</h6>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<!-- 공백표시 : 를 사용한다. -->
링크걸기
링크를 걸때는 a테그를 사용한다.
<pre>
링크걸기
링크를 걸때는 a테그를 사용한다.
</pre>
<a href="http://www.naver.com">네이버바로가기>
<a href="http://www.daum.net">다음으로가기>
<a href="test5.html">test5.html 로 가기</a>
<br />
</body>
</html><pre> 태그는 있는 그대로를 보여주는 태그!
이클립스를 다운로드한다.(설치하지 않아도 사용 가능)
아파치 들어가서 tongcat --> 6.0을 설치
이클립스에서 아파치 서버 설정하기 까지..
http://localhost:8081/HtmlTest01/test2.html
localhost: 부분에 아이피 주소를 쓰면 상대방 컴퓨터에 접속할 수 있다.
HtmlTest01은 이클립스에서 만든 프로젝트 파일 이름이고,
test2.html은 작업해 놓은 프로젝트 파일이다.
localhost:은 나의 컴퓨터를 메인 컴퓨터로 하는 것이라는 뜻이다.
ppt는 무료로 사용하기 위해서는 오픈 오피스를 사용하면 된다.
이게 처음 웹 개발을 접할 때의 날것 그대로의 포스팅입니다.
이클립스를 설치하지 않아도 사용할 수 있다느니..
localhost는 나의 컴퓨터를 메인 컴퓨터라고 한다느니.. 이런 귀여운 얘기들..
'낙서장 > JAVA' 카테고리의 다른 글
| java 기초 d-day 6 (0) | 2021.08.08 |
|---|---|
| java 시작 d-day 5 (0) | 2021.08.08 |
| java 시작 d-day 4 (0) | 2021.08.08 |
| java 시작 d-day 3 (0) | 2021.08.08 |
| java 시작 d-day 2 (0) | 2021.08.08 |
댓글