💡HTML
HTML(Hyper Text Markup Language)은 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어다.
HT + ML
Hyper-text → 초월적인 텍스트 (우리가 웹브라우저에서 보는 것들)
Markup Language → 글씨를 꾸며주는 것( 글씨에 보조적인 것을 붙여 표현을 해준다)
DOCTYPE
DOCTYPE(document type = 문서의 타입)은 선언된 페이지의 HTML 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문이다.
DOCTYPE 선언은 HTML 문서에서 <html> 태그를 정의하기 전에 가장 먼저 선언되어야만 합니다.
💡 Tag
tag는 콘텐츠를 감싸서 그 정보의 성격과 의미를 정의한다.
시작이 있으면 끝이 있어야 한다. -> 열었으면 닫아야 한다는 의미
<html>태그</html>
head, body태그는 html태그 안에 반드시 존재해야 한다.
<html>
<head>
</head>
<body>
</body>
</html>HEAD안의 내용은 화면에 직접적으로 출력되지는 않지만 웹브라우저가 알아야 할 중요한 정보들이 들어있다.
BODY안의 내용은 화면에 직접 출력된다.
<head>태그
<TITLE> - 문서 상단의 제목 설정
<META> - 해당 문서에 대한 정보인 메타데이터를 정의할 때 사용한다.
<script> - javascript 언어 등을 사용한 다양한 프로그램이 위치하는 공간
<Style> - 문서의 장식
<body>태그
<body> 태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용한다.
body의 기본구조
<body>
<header></header>
<main></main>
<footer></footer>
</body><header> -> head태그와 header태그는 다른 것.
<main> -> body태그의 주 콘텐츠를 정의할 때 사용한다.
<footer> -> 보통 하단에 표시되므로 웹페이지에서의 저작권, 법규, 제약사항 같은 소유자나 회사의 관련된 일반적익 정보를 공유하는 데 사용되는 태그이다.
<a> 태그
<a> 태그는 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용한다.
<a href="https://www.tistory.com/">tistory사이트 이동</a>
<p> 태그
<p> 태그는 문단을 정의할 때 사용한다.
<p>첫번째 문단입니다.</p>
<p>두번째 문단입니다.</p>
<br> 태그
br 태그는 줄 바꿈을 위해 사용한다.
<p>
안녕하세요.<br>
반갑습니다.
</p>
태그는 여러 가지 많은 종류들이 있다.
필요에 맞게 찾아서 사용하면 될 것 같다.