Html

HTML (24. 03. 06)

• 웹에서 사용하는 문서 양식
• Web Browser에 표현할 때 tag를 사용한다.
• 브라우저 간의 부작용을 막기 위해 개발
• 서버와 통신, 멀티미디어 요소 재생 등 다양한 기능이 지금도 추가되고 있음
• Sematic tag 추가
  • 웹 사이트를 검색 엔진이 좀 더 빠르게 검색하기 위해 특정 tag에 의미를 부여하는 방식
  • <tag> 등은 문서의 주제를 나타내는 태그로 검색 시에 tag만 검색하여 빠르게 진행 할 수 있음

Head

• 메타 데이터
• 웹 페이지에는 보여지지 않지만 일반적인 정보를 나타냄

Body

• Web에 보여질 문서의 내용을 작성
• id 속성을 사용해 tag를 유일 식별 가능
• class 속성을 사용해 여러 tag에 공통적인 특성 부여 (중복가능)

태그

• 블록 태그
  • 자동으로 라인 이동
  • height, width, margin등 설정 가능
  • 자바의 System.out.println()과 비슷함

    <p> body </p> 
    <div> contents </div>
    <h1> 제목 </h1>
  

• 인라인 태그
  • 라인 이동이 발생하지 않음
  • 해당 contents만큼 영역 사용

    <input>
    <img>
    <a>
    <span>
  

• 화면에는 동일하게 출력되지만 각 요쇼가 가진 의미가 다른 것이 있다.
• <b> <strong> 은 모두 굵게 표현하지만 <strong> 은 텍스트를 강조

📋

목록형 요소

• 목록 tag는 하나 이상의 하위 tag를 포함

• 들여쓰기로 표현