HTML의 선언문과 기본구조

D5ngHyun·2022년 7월 9일
0

HTML 기초

목록 보기
1/6
post-thumbnail

Hyper Text Markup Language(HTML)

Hyper Text란 웹페이지에서 다른페이지로 이동 가능한것을 말한다.
HTML의 뜻을 풀어보자면 "링크이동이 가능한 언어" 이다.

앞으로 배울목차이다.

  1. HTML의 선언문과 기본구조
  2. 시멘틱태그
  3. 텍스트 관련 태그
  4. 목록 태그
  5. 앵커, 이미지, 오디오, 비디오 태그
  6. 폼태그

1. HTML의 선언문과 기본구조

HTML 선언문

<!DOCTYPE html>
이 문서가 html이라고 알려주는 선언문이다.

HTML 기본구조

<!DOCTYPE html>
<html>
<head>
  // 웹사이트가 해석하는 정보는 여기로!
</head>
<body>
  // 실제 내용을 보여주려면 여기에다가 작성
</body>
</html>

HTML의 기본구조이다.

  1. HTML 문서다 라고 선언해준다.
  2. html의 시작과 끝을 나타내는 html태그를 사용한다.
  3. 웹 사이트가 해석하는 정보를 담는 head태그를 사용한다.
  4. 실제 보여줘야할 내용이 body태그 안에 들어간다.

요즘은 VSCODE나 다른 에디터들에서 emmet이라는 기능때문에 ! + tab을 누르면 자동완성이 되지만 처음 배울때에는 직접 하나하나씩 타이핑하는게 더 좋다, 실제로 퍼블리싱하는 사람들한테 에밋기능을 사용하지말고 작성하라고하면 다들 헷갈려한다. emmet기능에 너무 의존하지는 말자!

profile
FE개발자로 가보자.

0개의 댓글