HTML
Hyper Text Mark-up Language의 약자로 웹 페이지의 모습을 기술하기 위한 규약이다. 프로그래밍 언어가 아닌 마크업 언어라는 것이 특징.
기본 구조는 태그, 요소, 속성, 변수로 이루어진다.
<title>제목</title>
위와 같은 형태의 html 코드에서, 꺽쇠에 포함된 title을 태그, /title을 닫는 태그라고 한다. 태그와 닫는 태그로 이루어진 일련의 코드를 요소라고 한다.
<input type="text">
위와 같은 형태의 html의 경우, input 태그를 사용한 요소이며, 닫는 태그가 존재하지 않는 것도 있다.
type이 input 태그의 속성이며, 페이지에 기술되는 태그에 여러 변화를 주는 기능을 한다.
"text"는 속성 값에 대한 변수이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Document</title>
</head>
<body>
</body>
</html>html 문서를 작성 시 기본 구조다.
가장 먼저 DOCTYPE을 선언한다. html은 버전 별로 지원하는 태그가 조금씩 다른데, 해당 html이 어떤 버전으로 작성되었는지 미리 선언해주는 것이다. DOCTYPE은 태그가 아니라는 특징이 있다.
head 태그는 페이지를 열 때 브라우저에 표시되진 않는 내용들이다.
해당 페이지의 제목을 나타내는 title 태그, CSS 효과를 위한 style 태그, 작성자나 중요 키워드 등을 표시하는 meta 태그 등이 존재한다.
body 태그엔 본격적으로 브라우저에 표시될 내용이 들어간다.
유용한 태그들이 많이 존재하며, 다음 글부터 하나하나 요약해보겠다.
학원에 들어와서 JAVA 개발자 양성 수업을 듣게 됐다. 생각보다 HTML과 CSS을 비중있게 배우고 있어서 좀 당황스럽지만, 배운 내용을 정리하며 복기하는 것이 목적이다.
글을 작성하면서 좀 놀랬던게 velog에도 html 태그가 먹힌다는 점이 신기했다. 이번 글에 hr 태그를 통해 가로줄을 그어봤다.
