집 > 기사 > 웹 프론트엔드 > HTML의 기본 개념에 대한 자세한 소개

HTML의 기본 개념에 대한 자세한 소개

php中世界最好的语言원래의: 2018-01-22 10:45:092182검색

이번에는 HTML의 기본 개념에 대해 자세히 소개하고 HTML의 기본 개념에 대한 노트는 무엇인지 알아보겠습니다.

HTML이란 무엇인가요?

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

•HTML은 하이퍼 텍스트 마크업 언어를 나타냅니다.
•HTML은 프로그래밍 언어가 아니라 마크업 언어
•마크업 언어는 마크업 태그의 집합입니다. )
•HTML은 마크업 태그를 사용하여 웹 페이지를 설명합니다.

HTML 태그

HTML 마크업 태그를 HTML 태그라고도 합니다.

•HTML 태그는 100db36a723c770d327fc0aef2ce13b1처럼 꺾쇠 괄호로 묶인 키워드입니다.
•HTML 태그는 일반적으로 a4b561c25d9afb9ac8dc4d70affff419 및 0d36329ec37a2cc24d42c7229b69747a와 같이 쌍으로 나타납니다.
•쌍의 첫 번째 태그는 다음과 같습니다. 시작 태그와 두 번째 태그는 끝 태그입니다
•시작 태그와 끝 태그는 열기 태그 및 닫기 태그라고도 합니다

HTML 요소

HTML 요소는 시작 태그부터 끝 태그 태그까지의 태그를 나타냅니다.

참고: 시작 태그는 여는 태그라고도 하며, 종료 태그는 닫는 태그라고도 합니다.

HTML 요소 구문

•HTML 요소는 시작 태그로 시작
•HTML 요소는 종료 태그로 끝납니다
•요소의 콘텐츠는 시작 태그와 종료 태그 사이의 콘텐츠입니다
•일부 HTML 요소에는 빈 콘텐츠가 있습니다. )
•빈 요소는 여는 태그에서 닫힙니다(여는 태그의 끝으로 끝남)
•대부분의 HTML 요소는 속성

HTML 속성

HTML 태그에 속성을 가질 수 있습니다. 속성은 HTML 요소에 대한 추가 정보를 제공합니다.

속성은 항상 name="value"와 같은 이름/값 쌍의 형태로 나타납니다.

속성은 항상 HTML 요소의 여는 태그에 지정됩니다.

속성 예시 1:

<h1> 定义标题的开始。
<h1 align="center"> 拥有关于对齐方式的附加信息。

TIY: 중앙 제목

속성 예시 2:

<body> 定义 HTML 文档的主体。
<body bgcolor="yellow"> 拥有关于背景颜色的附加信息。

TIY: 배경색

속성 예시 3:

<table> 定义 HTML 表格。（您将在稍后的章节学习到更多有关 HTML 表格的内容）
<table border="1"> 拥有关于表格边框的附加信息。

HTML 문서 = 웹 페이지

•HTML 文档描述网页
•HTML 文档包含 HTML 标签和纯文本
•HTML 文档也被称为网页

웹 브라우저의 역할 HTML 문서를 읽고 웹페이지로 표시합니다. 브라우저는 HTML 태그를 표시하지 않지만 태그를 사용하여 페이지의 콘텐츠를 해석합니다.

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

예제를 통한 설명

•<html> 与 </html> 之间的文本描述网页
•<body> 与 </body> 之间的文本是可见的页面内容
•<h1> 与 </h1> 之间的文本被显示为标题
•<p> 与 </p> 之间的文本被显示为段落

•HTML 파일을 저장할 때 .htm 또는 .html 파일 접미사를 사용할 수 있습니다. 예제에서는 .htm을 사용합니다. 과거의 많은 소프트웨어에서는 세 글자의 파일 접미사만 허용했기 때문에 이것은 오랜 습관입니다. 그러나 새로운 소프트웨어의 경우 .html을 사용하는 데 문제가 없습니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!