HTML 소개

HTML이란 무엇입니까?

HTML은 웹 페이지를 설명하는 데 사용되는 언어입니다.

· HTML은 HyperText Markup Language를 말합니다: HyperText Markup Language

· HTML은 프로그래밍 언어가 아니라 마크업 언어입니다

· 마크업 언어는 마크업 태그입니다

· HTML은 마크업 태그를 사용하여 웹 페이지를 설명합니다.

· HTML 문서에는 HTML 태그와 텍스트 콘텐츠가 포함됩니다.

· HTML 문서는 웹 페이지라고도 합니다.

· HTML(Hypertext Markup Language)의 구조는 "head" 부분(영문: Head)과 "main" 부분(영문: Body)으로 구성되며, "head" 부분은 웹 페이지에 대한 정보를 제공합니다. 섹션에서는 웹페이지의 특정 콘텐츠를 제공합니다.

HTML 태그

HTML 마크업 태그를 일반적으로 HTML 태그(HTML 태그)라고 합니다.

· HTML 태그는 <html>

과 같이 꺾쇠 괄호로 묶인 키워드입니다. HTML 태그는 일반적으로 <b> 및 </b> >

· 태그 쌍의 첫 번째 태그를 시작 태그, 두 번째 태그를 종료 태그

· 시작 태그와 종료 태그를 열기 태그, 닫기 태그라고도 합니다

<Tag>Content</Tag>

물론 <br>, <hr> 등과 같이 개별적으로 표시되는 단일 태그도 있습니다.

학습 후에는 자주 사용되는 태그와 그 기능을 요약하여 기억과 검색을 용이하게 할 수 있습니다.

HTML 요소

"HTML 태그"와 "HTML 요소"는 일반적으로 동일한 의미를 나타냅니다.

HTML 요소는 시작 태그부터 종료 태그까지의 모든 코드를 참조합니다. 다음 예:

HTML 요소:

<p>이것은 단락입니다. </p>

요소에 대한 자세한 내용은 http://php.cn/html/html-elements.html

<🎜을 참조하세요. >

웹 브라우저

웹 브라우저(예: Google Chrome, Internet Explorer, Firefox, Safari)는 HTML 파일을 읽고 웹 페이지로 표시하는 데 사용됩니다.

브라우저는 HTML 태그를 직접 표시하지 않지만 태그를 사용하여 HTML 페이지의 콘텐츠를 사용자에게 표시하는 방법을 결정할 수 있습니다.

QQ图片20161010112448.png

웹 페이지에 표시되는 스타일을 결정하고 변경하는 데 사용되는 태그의 의미이자 역할입니다.

HTML 웹 결과

다음은 시각적 HTML 페이지 구조입니다.

QQ图片20161010112520.png

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
</body>
</html>

<body></body> 영역(흰색 부분)만 브라우저에 표시됩니다. .

HTML 버전

초기 인터넷 탄생 이후 많은 HTML 버전이 등장했습니다.

QQ图片20161010112545.png

< ;!DOCTYPE> 선언

<!DOCTYPE> 선언은 브라우저가 웹 페이지를 올바르게 표시하는 데 도움이 됩니다.

인터넷에는 다양한 파일이 있습니다. HTML 버전을 올바르게 선언하면 브라우저에서 웹페이지 콘텐츠를 올바르게 표시할 수 있습니다.

doctype 선언은 대소문자를 구분하지 않으며 다음 방법을 사용할 수 있습니다.

<!DOCTYPE html>

<!DOCTYPE HTML> > <!doctype html>

<!Doctype Html>

일반 설명

HTML5

< ; !DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www. w3 .org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

전체 웹 선언 유형 DOCTYPE 참조 매뉴얼을 확인하세요.

중국어 인코딩

현재 대부분의 브라우저에서 중국어를 직접 출력하면 중국어 문자가 깨질 수 있습니다. 이때 문자는 UTF로 선언해야 합니다. -8.

HTML 예제

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">    
 <title>页面标题</title>
 </head>
 <body>
 
 <h1>我的第一个标题</h1>
 
 <p>我的第一个段落。</p>
 
 </body>
 </html>

위의 연구를 통해 다음 예를 살펴보겠습니다.

분석을 따라가며 익숙해지세요.

HTML 인스턴스

<!DOCTYPE html> 
 <html> 
 <head> 
 <meta charset="utf-8"> 
 <title>php中文网(php.cn)</title> 
 </head> 
 <body> 
 
 <h1>标题：欢迎学习HTML</h1> 
 
 <p>第一个段落</p> 
 
 </body> 
 </html>

구문 분석 예시

· DOCTYPE은 문서 유형을 선언합니다.

· ~ 문서 유형

<<> · 태그에 위치 lt; 본문 & gt; 및 & lt;/body & gt; >

· ~ 단락으로 표시됩니다.

<!DOCTYPE html> HTML5에서.

지속적인 학습