HTML 튜토리얼

HTML 홈 HTML 소개 HTML 편집기 HTML 기본 HTML 요소 HTML 속성 HTML 제목 HTML 단락 HTML 스타일 HTML 서식 HTML 인용문 HTML 주석 HTML 색상 HTML CSS HTML 링크 HTML 이미지 HTML 파비콘 HTML 테이블 HTML 목록 HTML 블록 및 인라인 HTML 클래스 HTML ID HTML 아이프레임 HTML 자바스크립트 HTML 파일 경로 HTML 헤드 HTML 레이아웃 반응형 HTML HTML 컴퓨터 코드 HTML 의미론 HTML 스타일 가이드 HTML 엔티티 HTML 기호 HTML 이모티콘 HTML 문자 집합 HTML URL 인코딩 HTML 대 XHTML

HTML 양식

HTML 양식 HTML 양식 속성 HTML 양식 요소 HTML 입력 유형 HTML 입력 속성 HTML 입력 양식 속성

HTML 그래픽

HTML 캔버스 HTML SVG

HTML 미디어

HTML 미디어 HTML 비디오 HTML 오디오 HTML 플러그인 HTML 유튜브

HTML API

HTML 지리적 위치 HTML 드래그/드롭 HTML 웹 스토리지 HTML 웹 작업자 HTML SSE

HTML 예제

HTML 예제 HTML 퀴즈 HTML 연습 HTML 인증서 HTML 요약 HTML 접근성

HTML 참조

HTML 태그 목록 HTML 속성 HTML 전역 속성 HTML 브라우저 지원 HTML 이벤트 HTML 색상 HTML 캔버스 HTML 오디오/비디오 HTML 문서 유형 HTML 문자 집합 HTML URL 인코딩 HTML 언어 코드 HTTP 메시지 HTTP 메소드 PX에서 EM으로의 변환기 키보드 단축키

HTML 요소


HTML 요소는 시작 태그, 일부 콘텐츠 및 종료 태그로 정의됩니다.


HTML 요소

HTML 요소 는 시작 태그에서 종료 태그까지의 모든 것입니다.

< tagname > 내용은 여기에 갑니다... < /tagname >

일부 HTML 요소의 예:

< h1 > 나의 첫 번째 제목 < /h1 >
< p > 나의 첫 문단. < /p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

참고: 일부 HTML 요소에는 콘텐츠가 없습니다(예: <br> 요소). 이러한 요소를 빈 요소라고 합니다. 빈 요소에는 끝 태그가 없습니다!


중첩된 HTML 요소

HTML 요소는 중첩될 수 있습니다(즉, 요소에 다른 요소가 포함될 수 있음).

모든 HTML 문서는 중첩된 HTML 요소로 구성됩니다.

다음 예제에는 4개의 HTML 요소( <html>, ) <body>가 포함되어 있습니다.<h1><p>

예시

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

예시 설명

요소 는 <html>루트 요소이며 전체 HTML 문서를 정의합니다.

시작 태그 <html>와 끝 태그가 </html>있습니다.

그런 다음 요소 내부에 <html>요소가 있습니다 <body> .

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

요소는 문서 의 <body>본문을 정의합니다.

시작 태그 <body>와 끝 태그가 </body>있습니다.

그런 다음 요소 내부에는 다음 <body>같은 두 가지 다른 요소가 있습니다 .<h1> <p>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

요소 는 <h1>제목을 정의합니다.

시작 태그 <h1>와 종료 태그 가 있습니다 </h1>.

<h1>My First Heading</h1>

요소 는 <p>단락을 정의합니다.

시작 태그 <p>와 종료 태그 가 있습니다 </p>.

<p>My first paragraph.</p>


끝 태그를 건너 뛰지 마십시오

일부 HTML 요소는 종료 태그를 잊어버린 경우에도 올바르게 표시됩니다.

예시

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

그러나 이것에 절대 의존하지 마십시오! 종료 태그를 잊어버리면 예기치 않은 결과와 오류가 발생할 수 있습니다!


빈 HTML 요소

내용이 없는 HTML 요소를 빈 요소라고 합니다.

태그 는 <br>줄 바꿈을 정의하며 닫는 태그가 없는 빈 요소입니다.

예시

<p>This is a <br> paragraph with a line break.</p>

HTML은 대소문자를 구분하지 않습니다

HTML 태그는 대소문자를 구분하지 않습니다 . <P>와 동일함을 의미합니다 <p>.

HTML 표준은 소문자 태그를 요구하지 않지만 W3C 는 HTML에서 소문자를 권장 하고 XHTML과 같은 더 엄격한 문서 유형에 대해 소문자를 요구 합니다.

W3Schools에서는 항상 소문자 태그 이름을 사용합니다.


HTML 태그 참조

W3Schools의 태그 참조에는 이러한 태그와 해당 속성에 대한 추가 정보가 포함되어 있습니다.

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

사용 가능한 모든 HTML 태그의 전체 목록을 보려면 HTML 태그 참조 를 방문하십시오 .