[HTML] 기본 명령어

WEB PROJECT HTML 기본 프로젝트 시작

기본 웹 프로젝트 생성

• File → New → Dynamic web project
• WEBCONTENT가 기본 → HTML 파일 생성
• JAVA_HOME 설정이유 : eclipse에서 server를 구동하기 위해 지정

 

구동 완료

• client → web server (web server안에 index.html 이 있다)

 

html 기본 명령어

tag형식
	
	<태그명>문자열</태그명>
	<태그명 속성(attribute)=값>문자열</태그명>
	
	URL Uniform Resource Locator == 접속 주소
	
	DNS Domain name System ip

hello html

<!-- 
	<태그명 attribute="값" attribute2 = "값">문자열</태그명>
	
	<태그명 attribute="property:값">
	property == 특성
 -->

<br> <!-- break : 개행 -->
검찰총장 핵심 참모가 총선 개입 혐의로 기소된 고발사주 의혹은 그 실체가 드러날 경우<br>
 형사사법제도 근간을 흔드는 중대한 국기문란 행위다.<br>
 4일 수사결과를 발표한 고위공직자범죄수사처<br>
 
 
 <!-- heading -->
 
 <h1>hello html</h1>
 <h2>hello html</h2>
 <h3>hello html</h3>
 <h4>hello html</h4>
 
<!--  Paragraph -->
 
 <p> 감사합니다 </p>
 
 <!-- Pre Fromatted -->
 <pre>
 검찰총장 핵심 참모가 총선 개입 혐의로 기소된 고발사주 의혹은 그 실체가 드러날 경우
 형사사법제도 근간을 흔드는 중대한 국기문란 행위다.
 4일 수사결과를 발표한 고위공직자범죄수사처
 </pre>

</body>
</html>

<!-- 
		list : 목록

		ul : unordered list 
		ol : ordered list
 -->

<!-- 
 div : 태그자체만으로 의미가 없다 
 범위설정 및 한꺼번에 묶음
 
  -->

<!-- 
	form : 전송(입력받은 데이터) ->tag
			textfield, button, textarea, checkbox, radiobutton... 

	<태그명 id=, class=, name=
	목적 : javascript에서 접근 또는 데이터를 전송
	id : 현재 페이지에서 한갬나이 유효
	class : 다중으로 접근 또는 사용이 가능. CSS
	name : 입력받은 값을 전달
	
 -->

• a태그 form 태그 둘다 이동인건 맞지만 form 내에서 사용할 수 있는 리소스들이 있다 이를 활용해서 알맞은 정보를 보내기 가능
• form태그를 활용해서
• data를 보낼때 name을 꼭 사용하자
• jsp 에서 받을 때 name이름 동일하게 가져와 한다.

<a href="moveHtml.html">movehtml.html로이동</a>
 <br>
 
 <!-- a태그 form 태그 둘다 이동인건 맞지만 form 내에서 사용할 수 있는 리소스들이 있다 이를 활용해서 알맞은 정보를 보내기 가능-->
 <form action="moveHtml.html>
 moveHtml.html로이동
 <input type="submit" value="이동">
 </form>

<!--정보보내기 -->

<form action="">
ID:<input type="text" value="" title="id를 기입해주세요" size="20" placeholder="id기입">
<br>
PW:<input type="password" size="20">
<br>
<input type="submit" value="로그인">
<input type="reset" value="초기화">

</form>