[HTML] 기본

원서연·2023년 11월 2일
0

다양한 언어와 호한이 되는 문서 작성 언어

  • javascript, python, ruby .. 등 다양한 언어와 섞일 수 있는 강력한 언어
  • 문서를 작성하는 언어이다.

가장 기본 틀이 되는 태그

  • 어떤 html 파일이든 작성하는 형식
  • 아래의 구조는 외워두도록 한다.
<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>
  • <!DOCTYPE html>
    • 최신 크롬 브라우저에서는 필요 없는 태그
    • 하지만 모든 html에서 작성되는 태그이므로 꼭 작성하도록 한다.
    • html파일 맨 위에 작성한다.
  • <html></html>
    • 마찬가지로 최신 크롬 브라우저에서 없어도 된다.
    • 모든 html에서 작성하는 태그이다. 꼭 작성한다.
    • <!DOCTYPE html> 바로 다음에 작성한다.
  • <head></head>
    • 해당 html 문서에 대한 기본 정보를 담는다고 보면 된다.
    • 브라우저에 출력이 되는 내용은 아니다.
    • <html>태그 안에 들어가는 첫 번째 태그이다.
  • <body></body>
    • 브라우저에 출력이 되는 내용을 담당하는 태그이다.
    • <body>에 작성한 대로 브라우저에 그 내용이 출력이 된다.
    • <html>태그 안에 들어가는 두 번째 태그이다. (head 다음에 작성)

<head> 안에 작성하는 태그

  • <meta charset="UTF-8">
    • html 문서에 한글이 들어있다고 알려준다.
    • 위 작성 내용에 대해 더 궁금해할 필요가 없다.
      위와 같이 작성을 한다는 것만 알고 있으면 된다.
  • <title>페이지 타이틀</title>
    • html문서의 타이틀을 작성한다.
    • 크롬 브라우저에서 탭에 적힌 내용이 타이틀이다.
profile
웹 백엔드 프로그래밍 Today I Learned

0개의 댓글