2024.03.12

h tag

• 글 목록을 만들 때 사용
• tag를 사용하면 자동 줄 변경이 된다.
• 사용법 )

  - <h1> : 가장 큰 글자
  - <h6> : 가장 작은 글자

• 선 긋기
  • tag를 사용하면 자동 줄 변경이 된다.
  • 사용법 )

    - <hr color = "색" width = "넓이" size = "높이"/>
      - 색 : 단어,RGB
      - 넓이 
        - 고정길이 : 수치(px-pixel단위)
    			- 가변길이 : 수치 %

• 목록태그

  - <ol>,<ul>,<li>,<dl>,<dt>,<dd>
    - <li> : <ol>,<ul>의 자식 태그로만 사용한다.
  - <ol> : 순서목록
    - 사용법 ) type = ""에 1,a,A,i,I 등이 들어감
      <ol type = "">
        <li>내용</li>
        <li>내용</li>
  - <ul> : 도형목록
    - 사용법 ) type = ""에 disc, circle, square 등이 들어감
      <ul type = "">
        <li>내용</li>
        <li>내용</li>

• 설명목록

  - 제목에 대한 설명을 만들 때 사용하는 목록태그
  - 설명(<dd>)은 들여쓰기로 보여진다.
  - 사용법 )    
    <dl>
      <dt>제목</dt>
      <dd>설명</dd>
      <dt>제목</dt>
      <dd>설명</dd>
    </dl>

• 이미지

  - 이미지를 연결하여 보여줄 때 사용.
  - 설명(<dd>)은 들여쓰기로 보여진다.
  - 사용법 )
    <img src ="이미지경로" width="넓이" height = "높이" title = "풍선도움말" alt="엑박 떴을 때 보여줄 메시지" border = "테두리선의 두께"/>
    - 절대경로 : c:/dev/a.png -> 사용하지 않는다
    - 상대경로 : HTML이 service되고 있는 주소창의 주소를 기준으로 설정이 된다.
    - URL : http://.../이미지명

• 상대경로
  • 파일이 서비스되는 위치에서 이미지를 참조하고 사용한다.
    • • 
  • 웹 브라우저의 주소창을 기준으로 설정하는 경로(이미지를 사용하는 HTML파일 기준)
    • 장점 : 경로표현을 짧게 할 수 있다.
    • 단점 : 파일의 위치가 이동하면 경로를 수정해야 할 수도 있다.
  • 이미지와 HTML이 같은 위치에 있는 경우
  • 이미지와 HTML이 있는 위치에 하위 폴더에 있는 경우
  • 이미지가 HTML이 있는 위치에 상위 폴더에 있는 경우.
• url
  • 이미지의 요청 경로를 모두 작성하는 방식.
  • 장점 : HTML파일의 위치에 상관 없이 이미지를 보여줄 수 있다.
  • 단점 : 경로가 길다.
  • 사용법 )

    <img src="http://localhost/폴더명//이미지.확장자">

• a.html을 요청하는 경로는 http://localhost/test_prj/test_sub/a.html이다.
  • http://localhost/test_prj/test_sub/today/to_day.png가 존재하는 경우 상대경로로 해당 이미지를 접근하는 경로를 작성해보자.
  • src = "today/to_day.png"
• a.html을 요청하는 경로는 http://localhost/test_prj/a/b/test_sub/a.html이다.
  • http://localhost/test_prj/test_sub/images/today/to_day.png가 존재하는 경우 해당 이미지를 접근 할 수 있도록 상대경로를 작성해보자.
  • src = "../../../test_prj/test_sub/images/today/to_day.png"

링크

• 웹 상에 존재하는 다른 자원과 연결할 때 사용하는 태그
• 사용법 )

  <a href = "연결할 파일의 경로" target = "frame의 이름 속성">클릭할 메시지</a>
  <!--
  연결할 파일의 경로 
  - 상대경로 : 링크를 설정할 HTML을 기준으로 설정.
  - URL : protocol에서부터 모든 경로를 작성
  -->

Front-End기술

• 접속자 컴퓨터에서 해석되고 실행되는 언어들.
  • HTML,CSS,ECMAScript들(JavaScript,ActionScript)
  • 접속자 컴퓨터의 CPU,Memory를 사용하여 간단한 일 처리를 주로 한다.

Back-End기술

• 서버에서 해석되고 실행되는 언어들.
  • Java, Spring FrameWork, JSP, Servlet
  • 서버컴퓨터의 CPU와 Memory를 사용하여 업무로직을 구현하고 데이터를 처리하는 일을 주로 한다.
• 메일 전송

  a href = "mailto:수신메일주소"