JSP | Html( Hyper Text Markup Language )

* 웹 프로그래밍을 하기 위해 필요한 학습.

1. JAVA : JAVA웹 어플리케이션을 구현하기 위한 선행학습.
2. HTML : 웹 어플리케이션을 구현하기 위한 틀.
3. CSS : 웹 어플리케이션의 레이아웃 및 스타일을 지정하는 언어.

4. JavaScript : 클라이언트의 기능/동작을 구현하기 위한 언어.

 

HTML ( Hyper Text Markup Language )

•  프로그램언어가 아닌 화면을 그리는 마크업 언어, 정적인 페이지를 만듦
• 메모장, 한글, 워드, 문서작업이 가능한 프로그램에서는 모두 작성 가능하다.
•  HTML 문서는 태그라는 명령어로 구성되어있다.
• 태그의 기본 형식 : <태그이름> 문서의 내용 </태그이름> 
• head 안에는 제목 또는 정보, 임포트 내용
• body 안에는 화면에 보여지는 내용들이 보여짐

 

[ 블럭요소 ]

1. 블럭요소는 블럭의 성질을 가집니다. 줄바꿈과 블럭크기를 가집니다.
2. 블럭요소는 블럭요소와 인라인요소 모두 자식으로 가질 수 있습니다

 

[ 인라인요소 ]

1. 인라인 요소는 줄바꿈이 없습니다 (한줄로 출력)

2. 인라인 요소는 블럭요소를 자식으로 포함할 수 없습니다.

3. 컨텐츠 내용이 곧 크기가 됩니다.

HTML TAG (태그)

• 제목 태그 (글자 태그)
  • <h1></h1>
  • <h2></h2>
  • <h3></h3>
  • <h4></h4>
  • <h5></h5>
  • <h6></h6>
• 글자 태그 : <p>  </p>
• 이미지 태그 : <img alt="제목" src="이미지 파일 이름.jpg" width = "230px" height = "230px">
• <hr> </hr>
• 링크 태그 <a href = "https://www.naver.com"> </a>
• 영역잡을 때 태그
  • (블록) <div> </div>
  • (인라인) <span> </span>
• 테이블 태그 
  • <table border = "1" > </table>
  • <tr> </tr> 행 태그
  • <tr rowspan = "4"> </tr>  행 합치기
  • <td> </td> 열 태그
  • <td colspan= "4"> </td>:  열 합치기

* form 태그