HTML5 기본 문법

Back-end Developer·2022년 8월 18일
0

HTML5

목록 보기
2/10

HTML5

  • HTML : 웹페이지의 내용(contetnt)구조(structure) 을 담당하고, HTML 태그를 통해 정보를 구조화하는 마크업 언어
  • <!DOCTYPE html> : 문서 형식(Document Type)을 HTML5로 지정
  • <html></html> : HTML 문서의 루트(최상단) 요소, 모든 요소가 이 사이에 위치
  • <head></head> : 브라우저에 표시되지 않는 document title, 외부 파일 참조, 메타데이터 설정 등이 위치
  • <body></body> : 웹브라우저에 출력되는 모든 요소
  • HTML document : .html 확장자를 갖는 순수한 텍스트 파일

HTML5의 기본 문법

1. 요소 (Element)

  • <시작태그>콘텐츠<종료태그>
  • html은 요소들의 집합
  • 소문자를 사용하는 것이 일반적 (대소문자 구별하진 않음)

    (1) 요소의 중첩

    • 요소는 다른 요소 포함 가능
    • 부모-자식 관계 성립

    (2) 빈 요소

    • content를 가질 수 없고, 어트리뷰트만을 가질 수 있는 요소
    • br, hr, img, input, link, meta

2. 어트리뷰트 (Attribute)

  • 요소의 성질, 특징을 정의하는 명세
  • 요소에 추가적인 정보(이미지 파일 경로, 크기 등) 제공
  • 시작 태그에 위치, name="value"

    (1) 글로벌 어트리뷰트

    • (대체로) 모든 html 요소가 공통적으로 사용가능한 어트리뷰트
    • id, class, style, lang, hidden, title 등

3. 주석 (Comments)

  • 개발자에게 코드를 설명하기 위해 사용
  • 화면에 표시되지 않음


👨‍🏫 참고

https://poiemaweb.com/html5-syntax

profile
TIL & Project Retrospective

0개의 댓글