2024.03.11

김무영·2024년 3월 12일

!! html 태그 주석처리 해야 확인가능

태그들

- 줄 변경 : <br>,<p>
- markup태그 : <big>,<small>,<sup>,<sub>,<u>,<strong>,<b>,<mark>,<strike>
- 글꼴 관련 : <font>
- 이미지 : <img>,<map>,<area>
- 링크 : <a>
- 목록 : <ul>,<ol>,<li>,<dl>,<dd>,<dt>
- 글 목록 : <h1>~<h6>
- frame : <iframe>
- 테이블 : <table>,<thead>,<tbody>,<tfoot>,<tr>,<th>,<td>
- HTML Form Control : <form>, <fieldSet>, <legend>, <input>, <select>, <textarea>

Web Server : HTML을 가지고 있다가, 요청이 발생하면 HTML을 응답해주는 프로그램.

Web Containter : JSP나 Servlet을 가지고 있다가, 요청이 발생하면 HTML로 변환하여 응답해주는 프로그램.

  • Apache Tomcat

WAS( Web Application Server ): Java EE의 모든 Spec을 서비스 할 수 있는 프로그램

  • Web Logic , Web Sphere , JBoss , Resin
  • Spec : Servlet/JSP, EJB

굳이 WAS만 사용하지않고 Web Server를 분리하는 이유

  • 우선 Web Server와 Web Container를 모두 포함하는 것 이 WAS이다.
  • Web Server는 정적 페이지를 반환하고,
    Web Container는 동적 데이터를 처리하여 정적인 페이지로 생성해주는 소프트웨어다.
  • 분리하는 이유
    1. 성능차이.
      • Tomcat5.5이상부터 정적파일을 처리하는 기능이 순수 아파치 웹 서버와 비교해 도 별 차이가 나지 않는다.
    2. 트래픽이 몰릴 경우 WAS의 부담을 줄이기 위해.
      • WAS 앞에 Web Server를 두어서 정적인 문서만 처리하게 만들어 서버의 부담을 줄이는 것
    3. 보안성때문에.
      • 클라이언트와 WAS가 직접 연결되어있게 된다면 설정되어있는 파일들이 노출될 가능성이 존재하기 때문에 WAS 설정 파일을 숨기기위함

작성순서

  1. 코드작성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<!--HTML 태그는 대소문자를 가리지 않는다.-->
	<title>타이틀 바에 들어갈 내용</title>
</head>
<body>
	<!--사용자에게 제공할 내용-->
</body>
</html>
  1. 저장 : 이름.html 또는 이름.htm으로 저장가능.
    • 이름 .htm은 잘 사용하지 않는다.
  2. 실행
    • WAS 실행
  3. 접속 URL을 사용하여 HTML을 요청한다.
  • 줄 변경 Tag
    <시작태그>내용</끝태그>
    <!-- 시작태그와  태그 사이에 내용이 없다.--!>
    <시작태그(태그명/)></끝태그> 
  • web brower는 \n으로 줄을 변경할 수 없다.

  • ,
    : 필요한 위치에서 정의, 태그가 정의된 곳에서 줄이 변경된다.
  • : 문단 태그 (문단을 만들 때 사용) ```html

    문단으로 만들어질 내용.

    ```
  • HTML의 주석
  • Markup tag
    • 본문에서 특정 부분을 강조하여 보여주는 것.
    • 진하게 : ,
      • 사용법 ) 내용 , 내용
      • strong의 경우 리더를 사용하면 강조하여 읽어준다.
    • 크게 : - HTML5에서 지원하지 않는 태그 -> web browser에서 Rendering 잘된다.
    • 작게 :
    • 취소선 : - HTML 5에서 지원하지 않는 태그
    • 사용법 )
      • 속성 = "값" 속성 = '값' 속성 = 값
    • 속성은 기본 값이 존재한다.( 속성을 사용하지 않으면 기본 값이 할당된다.)
  • 글자태그
    = "글자색" size = "크기" face="글꼴"> 내용
    • 글자색
      • 문자열 : black,blue
      • 숫자(16진수 - RGB color) : #000000 ~ #FFFFFF
        • 1600만 가지의 색이 표현 가능하다.
    • 크기
      • 1 ~ 10까지 사용 (기본 크기 3)
    • 글꼴
      • 접속자에 따라 다르게 보여질 수 있다.

0개의 댓글