Hyper Text Markup Language(HTML)
Hyper Text란 웹페이지에서 다른페이지로 이동 가능한것을 말한다.
HTML의 뜻을 풀어보자면 "링크이동이 가능한 언어" 이다.
앞으로 배울목차이다.
- HTML의 선언문과 기본구조
- 시멘틱태그
- 텍스트 관련 태그
- 목록 태그
- 앵커, 이미지, 오디오, 비디오 태그
- 폼태그
1. HTML의 선언문과 기본구조
HTML 선언문
<!DOCTYPE html>
이 문서가 html이라고 알려주는 선언문이다.HTML 기본구조
<!DOCTYPE html>
<html>
<head>
// 웹사이트가 해석하는 정보는 여기로!
</head>
<body>
// 실제 내용을 보여주려면 여기에다가 작성
</body>
</html>HTML의 기본구조이다.
- HTML 문서다 라고 선언해준다.
- html의 시작과 끝을 나타내는 html태그를 사용한다.
- 웹 사이트가 해석하는 정보를 담는 head태그를 사용한다.
- 실제 보여줘야할 내용이 body태그 안에 들어간다.
요즘은 VSCODE나 다른 에디터들에서 emmet이라는 기능때문에 ! + tab을 누르면 자동완성이 되지만 처음 배울때에는 직접 하나하나씩 타이핑하는게 더 좋다, 실제로 퍼블리싱하는 사람들한테 에밋기능을 사용하지말고 작성하라고하면 다들 헷갈려한다. emmet기능에 너무 의존하지는 말자!
FE개발자로 가보자.