..."; 2. "
...
"; 3. "

...

" ; 4. "
"; 5. "

...

"; 6. "
" and so on."/>

..."; 2. "
...
"; 3. "
...
" ; 4. "
"; 5. "
...
"; 6. "
" and so on.">























search
Home            >Web Front-end >Front-end Q&A >What are the block elements of html?
What are the block elements of html?
藏色散人
藏色散人Original
2021-04-12 10:12:0917184browse
html block elements are: 1. "
..."; 2. "
...
"; 3. "< ;h1>..."; 4. "
"; 5. "
...
"; 6. "
" and so on. </p></blockquote>
<p><img  src="https://img.php.cn/upload/article/202104/12/2021041210092239384.jpg" alt="What are the block elements of html?" ></p>
<p>The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer. </p>
<p>Most of the elements in HTML (Hypertext Markup Language) are "block-level" elements or inline elements. A block-level element takes up the entire space of its parent element (container), thus creating a "block". Usually browsers will add a new line before and after block-level elements. </p>
<p><strong>HTML block element description: </strong><br></p>
<ul style="list-style-type: disc;">
<li><p>Always start on a new line</p></li>
<li><p> Both height and width are controllable</p></li>
<li><p>When the width is not set, the default is 100%</p></li>
<li><p>Block-level elements can contain block-level elements and inline elements</p></li>
</ul>
<p><strong>HTML block elements:</strong></p>
<p>Block-level elements: Block-level elements are mostly structural tags</p>
<p>< address>...</adderss></p>
<p><center>...</center> Address text</p>
<p><h1>...</h1> Title 1 Level</p>
<p><h2>...</h2> Heading Level 2</p>
<p><h3>...</h3> Heading Level 3</p>
<p>&lt ;h4>...</h4> Title level four</p>
<p><h5>...</h5> Title level five</p>
<p><h6>...< /h6> Heading level six</p>
<p><hr> Horizontal dividing line</p>
<p><p>...</p> Paragraph</p>
<p><pre class="brush:php;toolbar:false">.. .
 Preformatting


...
 Paragraph indentation is 5 characters before and after


... Scroll text


    ...
 Unordered list


    ...
 Ordered list


...
 Definition list


...
 Table


...< /form> Form


...


[Recommended learning: HTML video tutorial]
The above is the detailed content of What are the block elements of html?. For more information, please follow other related articles on the PHP Chinese website!
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：How to display html table without line breaksNext article：How to display html table without line breaks
Related articles
See more
Public welfare online PHP training，Help PHP learners grow quickly！
About usDisclaimerSitemap
                © php.cn All rights reserved