Apache Tomcat® - Apache Tomcat 9 Software Downloads 에서 Tomcat v9.0을 설치하고 이클립스에서 적용
지구본달린게 웹프로젝트
환경설정
내부브라우저 이클립스 상에서 실행
외부브라우저 외부의 브라우저가지고 실행해보겠다 ← 선택
서버 ( 원본을 훼손안하기위해서) 만들기
포트번호주기
모뎀 광랜(랜선)
느림 >> mb단위
손실률이 높음 정확도도 높음
주고받는 데이터도 적음 보낼수 있는 데이터도 많음
html (hyper text markup language)
구조와 미디어를 포함한 언어를 하이퍼텍스트
브라우저의 버전에 따라 태그가 다르게 보이기도 함
<!DOCTYPE html> <!-- 이 문서는 html이다 -->
<html><!-- html을 시작한다 -->
<head><!-- html설정정보, 디자인, script등의 내용이 들어감 -->
<meta charset="UTF-8"><!-- 정보 -->
<title>Hi</title> <!--문서 제목 웹 부라이저탭에 표시댐 -->
</head>
<body> 문서의 본문시작
Hello World!!
<h1>hi !<h1/> <!-- 제목 글자크기적용,굵기,단락지정 -->
<h2>hi !<h2/>
<h3>hi !<h3/>
<h4>hi !<h4/>
<h5>hi !<h5/>
<h6>hi !<h6/> => h6이 제일 작음
가나다<br/>
라마바<br/><!-- 줄바꿈 -->
사아자<br/>
<p>123<br/>bac<br/>def</p>
<p>456</p><!--문단바꿈 줄바꿈보다 줄간격이 넓음 -->
<p>789</p>
<hr/><!-- 수평선 -->
<pre>123
abc
def</pre><!-- 일반 공백 규칙대신 있는 그대로를 표기하는 문단
일반 글꼴과 폰트와 사이즈가 틀림-->
</body> 문서의 본문 끝
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<b>가</b>나<strong>다</strong> <!-- 굵게, 중요한 -->
<br/>
<i>라</i>마<em>바</em><!-- 기울임 -->
<br/>
<big>사</big>아<small>자</small><!-- 글꼴크기 -->
<br/>
<del>차</del>카<ins>탄</ins><!-- 중간줄, 밑줄 -->
<br/>
<sub>파</sub>히<sup>1</sup><!-- 글꼴 크기 작음. sub :아랫첨자, sup:위첨자-->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<input type ="text" value = "가나다" size="10" maxlength = "10"
placeholder = "이것이다" readonly="readonly" disabled ="disabled"/>
<!--
input type ="text" : 한줄 입력받기
value : 값
size : 영문 대문자기준 한번에 가독가능한 크기로 변경
maxlength : 글자 수 제한
placeholder : 값이 없는 경우 안내되는 말 - 익스플로어에서 안됨
readonly : 읽기전용
disabled : 비활성화. 선택불가
-->
<br/>
<input type = "password"><!-- 한 줄 비밀번호 입력 속성은 텍스트와 동일 -->
<br/>
<input type = "button" value = "이것은 버튼이다"/>
<!-- 개발자들이 주로 씀-->
<input type = "submit" value = "이것은 버튼이다" disabled = "disabled"/>
<!-- 값이 있건없건 그냥 이동, 값을 전송하며 이동하기에 미사용-->
<!-- disabled 버튼 비활성화도 가능 -->
<button>버튼임</button>
<!-- 디자이너 -->
<input type = "color"/>
<!-- 컬러픽커(color picker) 익스플로어에서 동작안함 -->
<input type = "number"/>
<!-- 날짜 및 시간 -->
<input type = "date"/>
<input type = "month"/>
<input type = "time"/>
<input type = "week"/>
<br/>
<!-- 첨부파일선택 -->
<input type = "file"/>
<!-- 값 보관용 : 화면에 보이지않음 자바에서 변수느낌-->
<input type = "hidden"/>
<br/>
<!-- 체크박스 : 값 복수 선택용 -->
<input type = "checkbox" checked = "checked"/>가
<input type = "checkbox"/>나
<br/>
<!--
checked : 체크박스나 라디오를 선택 상태로 변경
-->
<!-- 라디오 : 단일 값 선택용 -->
<!-- 속성 name을 사용하여 그룹화해야함 단, name의 원래 목적은 그룹화가 아님 -->
<!-- label : 해당 내용을 화면구성요소와 연결. 연결시 for 속성지정, for엔 id값 지정 -->
<input type = "radio" name = "a" id ="r1" disabled = "disabled"/><label for = "r1">가</label>
<input type = "radio"name = "a" id ="r2"/><label for = "r2">나</label>
</body>
</html>
'HTML & CSS' 카테고리의 다른 글
| 2022-01-12 정리 (0) | 2022.01.13 |
|---|---|
| 2022 01 11 - outline ,white space , overflow ... ~ (0) | 2022.01.11 |
| 2022 01 06 html <a>,<img>,<map>,목록태그,<table> (0) | 2022.01.10 |
| 20220110 margin과 padding (0) | 2022.01.10 |
| 20220107 HTML - select, textarea, div, span CSS - selector, 이미지, display, border (0) | 2022.01.07 |
