반응형
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
HTML 문서
모든 HTML 문서는 문서 유형 선언으로 시작해야 합니다. <!DOCTYPE html>.
HTML 문서 자체는 다음으로 시작합니다. <html> 그리고 그것으로 끝납니다. </html>.
HTML 문서에서 보이는 부분은 다음과 같습니다. <body> 그리고. </body>.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE> 선언문
<!DOCTYPE> 선언은 문서 유형을 나타내며 브라우저에서 웹 페이지를 올바르게 표시하는 데 도움이 됩니다.
선언은 페이지 상단(HTML 태그 앞에)에 한 번만 표시되어야 합니다.
<!DOCTYPE> 선언은 대소문자를 구분하지 않습니다.
HTML5의 <!DOCTYPE> 선언은 다음과 같습니다:
<!DOCTYPE html>
HTML 제목
HTML 제목은 <h1>에서 <h6> 태그로 정의됩니다.
<h1>은 가장 중요한 제목을 정의합니다. <h6>은 가장 중요하지 않은 제목을 정의합니다:
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
HTML 문단
HTML 단락은 다음과 같이 정의됩니다. <p> 태그
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
HTML 소스를 보는 방법
웹 페이지를 보고 "어떻게 저렇게 만들었을까?"라고 궁금해한 적이 있나요?
HTML 소스 코드를 확인하세요:
HTML 페이지에서 CTRL + U를 클릭하거나 페이지를 마우스 오른쪽 버튼으로 클릭하고 '페이지 소스 보기'를 선택합니다. 그러면 페이지의 HTML 소스 코드가 포함된 새 탭이 열립니다.
HTML 요소 검사하기:
요소(또는 빈 영역)를 마우스 오른쪽 버튼으로 클릭하고 '검사'를 선택하면 어떤 요소로 구성되어 있는지 확인할 수 있습니다(HTML과 CSS가 모두 표시됩니다). 열리는 요소 또는 스타일 패널에서 HTML 또는 CSS를 즉석에서 편집할 수도 있습니다.
반응형
'웹퍼블리싱 > HTML' 카테고리의 다른 글
HTML 문법 (0) | 2024.03.19 |
---|---|
HTML 문서 제목 문단 링크 이미지 버튼 목록 (0) | 2024.03.12 |
HTML이란 무엇입니까? (0) | 2024.03.11 |