html5의 요소는 어떤 세 부분으로 구성되어 있나요?
HTML5의 요소는 시작 태그와 끝 태그, 콘텐츠, 속성의 세 부분으로 구성됩니다. 구문은 "<시작 태그 이름>콘텐츠"입니다. 태그 이름은 대소문자를 구분하지 않지만 속성 값은 대소문자를 구분해야 하며 소수의 HTML 태그에는 별도의 종료 태그가 없지만 시작 태그에 "/"를 추가하여 닫습니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML의 태그는 키워드와 같습니다. 각 태그에는 고유한 의미(의미)가 있습니다. 예를 들어
태그는 단락을 나타내고 태그에 따라 브라우저는 태그의 콘텐츠를 다양한 방식으로 표시합니다.
실제 개발에서는 HTML 태그를 HTML 요소라고도 부르기도 합니다.
HTML5의 요소는 시작 및 끝 태그
, 콘텐츠
, 속성
의 세 부분으로 구성됩니다. 开始和结束标签
、内容
、属性
三部分组成。
大部分html元素以开始标签起始,以结束标签终止,少部分HTML元素没有单独的结束标签,使用“/”闭合。
元素的内容是开始标签与结束标签之间的内容。
标签的名称不区分大小写,但大多数属性的值需要区分大小写,如下所示:
属性 ↓ <div class="foo">php中文网</div> ↑ ↑ ↑ 开始标签 内容 结束标签
除了 class 属性外,开始标签中还可以包含其它属性信息,比如 id、title 等。
注意,虽然 HTML 标签在语法上不区分大小写,但是为了规范和专业,强烈建议在定义标签时一律采用小写。
当使用浏览器打开我们编写的 HTML 文档时,浏览器会从上到下依次读取文档中的内容,并根据 HTML 标签和属性将标签中的内容呈现在浏览器中。
一个 HTML 文档中必须具有一些基本的标签,以便浏览器区分普通文本和 HTML 文档。您可以根据想要实现的效果使用任意数量的标签,但有以下几点需要注意:
所有 HTML 标签都必须放在尖括号< >内;
HTML 中不同的标签可以实现不同的效果;
如果使用了某个标签,则必须使用对应的结束标签来结尾(自闭和标签除外)。
自闭和标签
有一些 HTML 标签没有单独的结束标签,而是在开始标签中添加/来进行闭合,这种标签称为自闭和标签。请看下面的例子:
<img src="/static/images/new/logo.png" alt="php中文网Logo" /> <!-- 图像 --> <hr /> <!-- 分割线 --> <br /> <!-- 文本换行 --> <input type="text" placeholder="请输入内容" /> <!-- 文本输入框 -->
自闭和标签不用包围内容,所以不需要单独的结束标签。只有少部分 HTML 标签是自闭和的。
대부분의 HTML 요소는 시작 태그로 시작하고 종료 태그로 끝납니다. 소수의 HTML 요소에는 별도의 종료 태그가 없으며 "/"로 닫힙니다.
<!-- -->
요소의 내용은 시작 태그와 끝 태그 사이의 내용입니다. 태그 이름은 대소문자를 구분하지 않지만 대부분의 속성 값은 아래와 같이 대소문자를 구분해야 합니다.
rrreee🎜클래스 속성 외에도 시작 태그에는 다른 속성도 포함될 수 있습니다. ID, 제목 등과 같은 속성 정보 🎜🎜🎜HTML 태그는 구문에서 대소문자를 구분하지 않지만 표준화와 전문성을 위해 태그를 정의할 때 항상 소문자를 사용하는 것이 좋습니다. 🎜🎜🎜브라우저를 사용하여 우리가 작성한 HTML 문서를 열면 브라우저는 문서의 내용을 위에서 아래로 읽고 HTML 태그와 속성을 기반으로 브라우저의 태그에 있는 내용을 렌더링합니다. 🎜🎜HTML 문서에는 브라우저가 일반 텍스트와 HTML 문서를 구별할 수 있도록 몇 가지 기본 태그가 있어야 합니다. 달성하려는 효과에 따라 원하는 수의 태그를 사용할 수 있지만 몇 가지 참고할 사항이 있습니다. 🎜- 🎜모든 HTML 태그는 다음과 같아야 합니다. 괄호 안에 < >; 배치 🎜
- 🎜HTML의 다른 태그는 다른 효과를 얻을 수 있습니다. 🎜
- 🎜특정 태그를 사용하는 경우 해당 닫는 태그가 있어야 합니다. 종료하는 데 사용됩니다(자폐증 및 낙인 제외). 🎜
<!-- -->
는 HTML 코드를 설명하는 데 사용되는 HTML 주석을 나타냅니다. 브라우저는 주석 내용을 무시하므로 사용자는 웹 페이지에서 주석을 볼 수 없습니다🎜 🎜🎜 [관련 추천: 🎜html 동영상 튜토리얼🎜, 🎜웹 프론트엔드🎜]🎜위 내용은 html5의 요소는 어떤 세 부분으로 구성되어 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.

HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.

HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.

HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.

HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.

HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.

HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.

HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
