HTML5 페이지 구조

2021. 9. 26. 06:09·HTML
반응형

HTML5 구조의 예

  • <!DOCTYPE html> : HTML5 문서 표기, 반드시 첫 행에 기입
  • <html> </html> : HTML 페이지 기본요소, 내부에 모든 태그 작성
  • <head> </head> : body태그에 필요한 스타일 시트, 자바스크립트 제공
  • <title> </title> : 웹 브라우저에 표시되는 제목 지정
  • <body< </body> : 사용자에게 실제 보이는 부분을 작성

<html> 태그의 lang 속성

웹 페이지의 사용 언어를 구글 검색 엔진에 제공

<html lang="ko">
lang 속성 값 언어 lang 속성 값 언어
ko 한국어 en 영어
ja 일본어 ru 러시아어
zh 중국어 de 독일어

<head> 태그의 내부에 입력할 수 있는 태그

태그 설명
meta 웹 페이지에 추가 정보 전달
title 웹 페이지 제목 지정
script 웹 페이지에 스크립트 추가
link 웹 페이지에 다른 파일 추가
style 웹 페이지에 스타일시트 추가
base 웹 페이지의 기본 경로 지정

표에 지정된 태그만 입력 가능

 

[참고] HTML5 웹 프로그래밍 입문(3판)

반응형

'HTML' 카테고리의 다른 글

HTML5 글자 태그  (0) 2021.09.26
HTML5 오류와 검증  (0) 2021.09.26
HTML5 작성법  (0) 2021.09.26
HTML5 기본 용어  (0) 2021.09.26
'HTML' 카테고리의 다른 글
  • HTML5 글자 태그
  • HTML5 오류와 검증
  • HTML5 작성법
  • HTML5 기본 용어
올콩
올콩
콩 심은 데 콩 난다
  • 올콩
    콩스토리
    올콩
  • 전체
    오늘
    어제
    • 분류 전체보기 (157) N
      • SSAFY (10)
      • Algorithm (82) N
        • 이론 (5)
        • 백준 (BOJ) (76) N
        • 프로그래머스 (1)
      • Frontend (6) N
      • React (13)
      • Next.js (3)
      • Vue (4)
      • Node.js (3)
      • Trouble Shooting (7)
      • HTML (9)
      • DevOps (3)
        • Git (3)
      • Language (9)
        • Java (9)
      • Embedded (1)
      • CS (5)
        • Network (1)
        • Blockchain (4)
      • 자격증 (2)
  • 블로그 메뉴

    • GitHub
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    Error
    SSAFY
    블록체인
    github
    bfs
    싸피
    kakaomap
    우선순위큐
    해시
    DP
    백준
    html5
    Java
    오블완
    React
    dfs
    누적합
    자바
    브루트포스
    파이썬
    SSAFYcial
    카카오맵
    재귀
    Next.js
    알고리즘
    Algorithm
    티스토리챌린지
    강의
    렌더링최적화
    vue
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
올콩
HTML5 페이지 구조
상단으로

티스토리툴바