- 태그
- 무언가를 표기하기 위한 꼬리표, 또는 이름표
- 태그 = 요소 같은 의미라고 생각할 것
<h1>Hello,HTML</h1>
<aside> 📋 h1 : 태그 이름 <h1> : 시작태그 </h1> : 종료 태그 Hello, HTML : 내용
- </aside>
- 속성(Attribute)
- 이름과 값으로 이루어져 있고 시작 태그 안에 선언한다.
- 태그 이름과 띄어쓰기로 구분하며, 속성은 띄어쓰기로 구분하지 않는다.
- 이름=값의 형태로 쓰이며 값은 쌍따옴표 또는 홀따옴표로 감싸준다.
- 모든 태그에서 사용가능한 속성 존재
- 특정 태그에서 무조건 사용해야하는 속성 존재
<h1 id="title">Hello,HTML</h1>
<h1 id="title" class="test">Hello,HTML</h1>
- 태그 중첩(Nesting Tags)
<h1>Hello, <i>HTML</i></h1>
<h1>Hello, <i>HTML</h1></i>
- 빈 태그(Empty Tag)
- 시작태그만 존재하고 종료태그가 없음
- 속성에 의해 화면에 출력됨
- 화면에 출력되지 않아도 다른 용도로 사용되는 태그
- 대체 태그라고도 함
<br>
<img src="">
- 공백(Space)
- 한 칸 이상의 공백은 모두 무시한다.
- 아래 코드는 모두 같은 결과
<h1>Hello, HTML</h1>
<h1>Hello, HTML</h1>
<h1>
Hello,
HTML
</h1>
- 주석
- <!— —> 태그안에 내용을 넣어 주석처리한다.
<!-- 이것은 주석입니다. -->
<!--
이것은 주석입니다.
-->
<h1>Hello, HTML</h1>
- HTML 문서 구조(HTML DOCUMENTS)
- DOCTYPE은 이 문서가 어떤 버전인지 브라우저에게 알려주는 태그
- DOCTYPE은 가장 최상단에 위치해야한다.
- html 의 lang 속성은 해당 문서의 언어 속성을 나타낸다.
- html 내부에는 head 태그와 body 태그로 나타낸다.
- head 태그는 브라우저에 표현되지 않고 문서 기본정보 또는 외부 파일 연결에 사용된다
- meta 태그의 charset 속성은 인코딩 속성을 나타낸다.
- title 태그는 탭바에 나타나는 항목이다.
- body 태그는 실제 브라우저에 출력되는 내용이 들어간다.
<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>HTML 문서의 기본구조</title>
</head>
<body>
<h1>Hello,HTML</h1>
</body>
</html>
