: HTML 문서를 섹션이나 구분으로 나누는 데 사용되는 웹 개발 전반에 있어서 가장 중요한 요소입니다.
필드 세트로 함께 묶이는 웹 양식에 사용되는 그룹 관련 레이블 또는 요소.
HTML 양식은 이 블록 수준 요소를 사용하여 정의됩니다. 웹 개발 과정에서 가장 일반적으로 사용됩니다.
웹페이지의 바닥글 부분을 나타내는 데 사용됩니다.
-
:
레벨 1~6을 정의하는 HTML 언어에서 사용되는 제목입니다.
: 이 요소는 웹페이지의 헤더 부분을 나타내는 데 사용됩니다.
이는 HTML 5에 도입된 최신 요소로, 탐색 링크를 포함하여 페이지 섹션을 나타내는 데 사용됩니다.
: 섹션 요소는 문서의 일반 섹션을 나타내는 데 사용됩니다.
: 데이터를 표 형식으로 표시하려는 경우 표가 완벽한 솔루션입니다. HTML 문서에 대한 테이블이 생성됩니다.
HTML 문서에 비디오 콘텐츠를 포함하려면 코드에 간단한 비디오 요소를 사용하는 것도 가능합니다.
: 사용자가 항목 목록을 표시하려는 경우
요소.
: 순서대로 목록을 보여줍니다.
:
순서 없이 목록을 보여줍니다.
:
설명 목록의 형식으로 다양한 용어를 설명하는 데 사용되는 요소입니다.
HTML 블록의 예
다음은 HTML 블록의 몇 가지 예입니다.
예시 #1
아래 예에서는 div, p, 제목, 정렬된 목록과 정렬되지 않은 목록이 있는 목록 요소 등과 같은 몇 가지 기본 Html 블록 요소를 사용합니다.
코드:
<html>
<head>
<title>HTML Block Level Elements </title>
</head>
<body>
<h1>HTML Block Level Elements </h1>
<p>This is the example of HTML block elements showing multiple block
level elements enclosed within it .Here we can also use inline elements too
</p>
<div>
<h3>Example including div , p , headings elements, list elements</h3>
<p>This example shows different kind of HTML block elements like div, p
, headings in between h1 to h6 </p>
</div>
<h2>Example of Lists</h2>
<h4>An Unordered HTML List showing Countries </h4>
<ul>
<li>Mumbai</li>
<li>Pune</li>
<li>Nagpur</li>
</ul>
<h4>An Ordered HTML List showing Countries</h4>
<ol>
<li>Mumbai</li>
<li>Pune</li>
<li>Nagpur</li>
</ol>
</body>
</html>
로그인 후 복사
출력:
Example #2
Here we will see another example in which we are creating a table.
Now by using HTML blocks elements, we are going to create an HTML form as follows:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Password Input Control</title>
</head>
<body >
<form >
<h2>Welcome to HTMl Block Demo</h2>
<h4>Please login here</h4>
User ID : <input type = "text" name = "user_id" />
<br><br>
Password: <input type = "password" name = "password" />
<br><br>
<input type = "checkbox" name = "remember" value = "on"> Remember Me
<br><br>
<input type = "submit" name = "Login" value = "Submit" />
</form>
</body>
</html>
로그인 후 복사
Output:
Example #4
Here we are trying to Address the element in HTML blocks.
Code:
<address>
Presented BY <a href="mailto:[email protected]">Narendra Modi</a>.<br>
Visit us at:Delhi<br>
primeminister.com<br>
Box 104, Red Fort<br>
Delhi
</address>
로그인 후 복사
Output:
Conclusion
The above information concluded that the HTML blocks level element included in the HTML document’s body. It will create some large HTML blocks of sections like paragraphs or pages with the division. One can include another block-level element into the block-level elements. It’s also possible to include inline elements into the block-level element but including block-level elements into the inline elements is not possible.
위 내용은 HTML 블록의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
