기억 저장소

클라우드 기반 인공지능 개발과 DevOps 실무

언어/자바

자바 : Eclipse html 기본 구조

하늘.98 2022. 1. 19. 17:58

  HTML 파일 전체 기본 구조 
  <!doctype html>
  <html>
   <head>
   <title> 탭 제목 </title>
   <meta charset = "UTF-8">  한글 설정(EUC-KR => UTF-8)
   <style>문서 꾸미기</style>
   <script>웹문서에 대한 함수등을 선언 </script>
   </head>
  
   <body>
   브라우저 출력부분
   <a href = "이동할 웹주소">사용자에게 보여줄 글씨</a>
   </body>
  </html>
  
  *** html은 대소문자를 구별하지 않는다.
   <a href= "이동할 웹주소">은 <a href='이동할 웹주소'>
   또는 <a href=이동할 웹 주소>비권장!!!
 <br />줄바꿈 태그 
  <body></body>내부에서는 키보드(ENTER)가 작동하지않는다...
  따라서 줄을 바꾸려면 <br />를 사용해야만 한다.
 <table></table>: 표형태로 출력하는 태그
  테두리는 기본적으로 보여지지 않기 때문에
  테두리를 표현하려면 border='1'과 같이 테두리의 두께를 설정

<table></table> 의 내부 구성요소
1. <tr></tr> : 가로로 출력하는 태그 (행 역할) 

2. <td></td> : 세로로 출력하는 태그(열 역할) 
<td>사용자에게 보여줄 내용 </td>

3. <th></th> : <th>와 같은 역할을 담당하지만, 제목들을 출력하는 전용 태그

<table><table>의 기본 구조
<table>
<tr><th>이름</th><th>제목</th></tr>
<tr><td>홍길동</td><td>연습 데이터</td></tr>
</tr></td>길동</td><td>실습 데이터</td></tr>
</table>

=> 웹 브라우저 출력 결과
이름     제목
홍길동  연습데이터
길동     실습데이터 

 

<body></body>사이에서 띄어쓰기는 한 칸만 사용된다.
만약 여러 칸을 띄어쓰기 할 경우 : &nbsp; 를 반복하여야 한다.