🚩 웹 문서를 구성하는 3가지 요소
1. HTML
2. CSS
3. Javascript

HTML

• Hypertext Marup Language
• 1990년도 이후 웹(Web, World Wide Web)에서 사용하는 문서 양식
• 문서를 웹 브라우저에 표현할 때 tag를 사용

📌 웹 표준 HTML5

• W3C에서 HTML5를 웹 표준으로 권고하고 웹 브라우저는 이를 따라야 한다.

HTML5 탄생 목적

• 간략히 말해, 웹 브라우저에 많은 플러그인이 설치되면서 많은 문제점이 발생했고, 이 문제들을 해결하기 위한 방안으로 W3C에서 Web Application1.0을 HTML5로 수용했다. 이후 2014년에 HTML5가 정식 배포되었으면, 계속 업그레이드가 되고 있다.

HTML5 특징

• 계속 개발 중이고 다양한 기능들이 추가되고 있다.
• 멀티미디어 요소 재생
  • 과거 브라우저는 멀티미디어를 재생하기 위한 별도의 외부 플러그인을 사용해야 했으나, HTML5는 별도의 플러그인 없이 멀티미디어 요소를 재생가능하다.
• 서버와 통신
  • 서버와 클라이언트 사이의 소켓 통신이 가능하다.
• Semantic tag 추가
  • 웹 사이트를 검색엔진이 좀 더 빠르게 검색할 수 있도록 하기 위해 특정 tag에 의미를 부여하는 방식이다.
  • 시멘틱 태그 중 <header>는 문서의 주제를 나타내는 태그로써 검색엔진이 웹 문서의 모든 내용을 검색하지 않고 <heeader>tag의 내용만 검색해서 보다 빠르게 검색을 진행하는 장점이 있다.

Head 요소

1 .메타 데이터

• 문서의 작성자, 날짜, 키워드 등 브라우저의 본문에 나타나지 않는 일반 정보 기입하는 것이다.

예제

• name 속성을 사용하여 메타 데이터로 나타낼 정보를 content속성의 값으로 나타낼 수 있다.

  <meta name="name값" content="value">

  name값	value
  description	문서의 요약
  keyword	검색어 입력 ,로 분리
  author	제작자 기입

• http-equiv 속성을 이용해 문서 이동 및 새로 고침이 가능하다.

  <meta http-equiv="http-equiv 값" content="value">

  https-equiv 값	value
  refresh	문서를 자동으로 업데이트 할 시간 간격
  content-type	해당 문서의 문자 인코딩 설정 방식 명시

  • content-type 예시

     <meta http-equiv="content-type" content="text/html; charset=UTF-8">

• charseet 속성을 이용해 문서의 인코딩 정보를 설정할 수 있다.

  <meta charset="UTF-8">

Body의 요소

Tag

HTML Tag의 global attribute

• HTML의 모든 tag에서 사용할 수 있는 글로벌 속성

특수 문자

포맷팅 요소

• 화면에서는 동일하게 출력되도 각 요소의 의미가 서로 다르게 가진 태그들이 있다.

공    백도 마음대ㅇ  로

목록형 요소

• 목록 태그는 하나 이상의 하위 태그를 포함한다.
• 목록 태그는 각 항목을 들려쓰기한다.
• 심볼이나 번호로 목록을 표현한다.

1. 목록

<ul>
  <li>목록1</li>
  <li>목록2</li>  
</ul>

• 목록1
• 목록2

<ol> 태그 속성

2. 용어 설명을 목록화

    <dl>
        <dt>오이</dt>
        <dd>박과의 한해살이 덩굴식물</dd>
        <dt>애호박</dt>
        <dd>호박의 일종으로 호박 중에서도 성장상 덜 자라서 푸른빛을 띠고 있는 풋호박</dd>
    </dl>

오이 박과의 한해살이 덩굴식물 애호박 호박의 일종으로 호박 중에서도 성장상 덜 자라서 푸른빛을 띠고 있는 풋호박

Table 모델