HTML Blocks

HTML Block components/labels: In this instructional exercise, we will find out about the HTML square components like section tag, heading labels, div tag, even standard tag, and so on.

In HTML, the components have some default shows and as indicated by their values. The showcase of the component additionally relies upon what sort of component it is.

In HTML, there two sorts of show values which are as square and inline.

In HTML, the square components, when they show up on the screen a line break are available when the component. This line break is available with them as a matter of course. The square level components start with their new line in the given square, their own square. Some example for the square level components are as the section tag ( <p> ), the heading labels ( <h1>, <h2>, <h3>, <h4>, <h5>, <h6> )

the rundowns ( <ul>, <ol>, <dl> ), the preformatted content ( <pre> ), the even principle ( <hr/> ), the blockquote ( <blockquote> ), and the location tag( <address> ).

In the square level components, they start with another line as well as takes the full width of the screen accessible to them. That implies they stretch up to the width of the internet browser.

Some ordinarily utilized square level components

1) The <div> component

<div> is an ordinarily utilized square component. It has been utilized in the greater part of the website pages made. The component is anything but difficult to utilize and deal with the substance displayed on the general website page.

A straightforward example to show the component:

<html>

<body>
    <div style="background-color: #efefef; height: 170px; width: 230px;">
        Hello From div 1
    </div>
    <div style="background-color: #54f314; height: 170px; width: 230px;">
        hello form div 2
    </div>
</body>

</html>
HTML Blocks

2) The <hr/> tag

The <hr/> label offers a reprieve in on the HTML site page, this break is a move of the following theme on the page. The component can likewise be utilized to isolate content in on HTML page.

Example:

<html>

<body>
	Content with some text
	<hr/> 
	Content after line division.
</body>

</html>

Output:

HTML Blocks

3) The heading labels (h1, h2, h3, h4, h5, h6)

The <h1> to <h6> labels are the heading labels in HTML and are utilized to characterize headings. characterizes the most significant heading and it gives the biggest heading while the is the littlest heading and in this manner characterizes the least significant headings in HTML.

Example:

<html>

<body>
    <h1>JustTechReview</h1>
    <h2>JustTechReview</h2>
    <h3>JustTechReview</h3>
    <h4>JustTechReview</h4>
    <h5>JustTechReview</h5>
    <h6>JustTechReview</h6>
</body>

</html>
HTML Blocks

Note that the following line of the heading starts as another line. It in light of the fact that the heading labels are square components subsequently it is spoken to along these lines.

Leave a Comment

error: Alert: Content is protected!!