반응형

  • HTML은 하이퍼 텍스트 마크업 언어를 나타냅니다.
  • HTML은 웹 페이지를 만들기 위한 표준 마크업 언어입니다.
  • HTML은 웹 페이지의 구조를 설명합니다.
  • HTML은 일련의 요소로 구성됩니다.
  • HTML 요소는 브라우저에 내용을 표시하는 방법을 알려줍니다.
  • HTML 요소는 "This is aheading", "This is a heading"과 같은 내용을 레이블로 지정합니다. 는 단락, "이것은 링크입니다" 등입니다.

 

간단한 HTML 문서

 

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

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

</body>
</html>

실행

 

<!DOCTYPE html> 선언은 정의합니다. 이 문서가 HTML5 문서라는 것.
 <html> 요소는 HTML의 루트 요소입니다. 페이지입니다.
 <head> 요소에 대한 메타 정보가 포함되어 있습니다. HTML 페이지
<title> 요소는 다음에 대한 제목을 지정합니다. HTML 페이지(브라우저의 제목 표시줄 또는 페이지의 탭에 표시됨)
 <body> 요소는 다음을 정의합니다. 문서 본문은 다음과 같은 모든 가시적인 내용을 위한 컨테이너입니다. 제목, 단락, 이미지, 하이퍼링크, 표, 목록 등
 <h1> 요소는 큰 제목을 정의합니다.
 <p> 요소는 단락을 정의합니다.

 

 

 

HTML 요소란?

HTML 요소는 시작 태그, 일부 내용 및 끝 태그로 정의됩니다.

<tagname>콘텐츠가 여기로...</tagname>

HTML 요소는 시작 태그부터 끝 태그까지 모든 것입니다.

<h1>마이. 첫 번째 제목</h1>
<p저의 첫 단락.</p>

 

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

 

 

웹 브라우저

웹 브라우저(Chrome, Edge, Firefox, Safari)의 목적은 HTML 문서를 읽고 표시하는 것입니다. 정확하게

브라우저는 HTML 태그를 표시하지 않지만 이 태그를 사용하여 문서를 표시하는 방법을 결정합니다.

 

 

HTML 페이지 구조

다음은 HTML 페이지 구조를 시각화한 것입니다.

 

 

참고 : <본문> 섹션 내의 내용 브라우저에 표시됩니다. <title> 요소 내부의 내용은 다음과 같습니다. 브라우저의 제목 표시줄이나 페이지 탭에 표시됩니다.

 

 

반응형

'웹퍼블리싱 > HTML' 카테고리의 다른 글

HTML 문법  (0) 2024.03.19
HTML 문서 제목 문단 링크 이미지 버튼 목록  (0) 2024.03.12
HTML 기본  (0) 2024.03.12

+ Recent posts