Below are various instances demonstrating the creation of basic HTML pages through the utilization of different fundamental tags:
Illustration 1: The following example demonstrates the creation of a basic webpage devoid of any content, aiding in the comprehension of utilizing the Html, Head, and Body elements within an HTML document.
In this instance, the title of the webpage has not been defined within the Head tag. Consequently, it will exhibit the title of the HTML file.
<Html> <!-- This tag is compulsory for any HTML document. -->
<Head>
<!-- The Head tag is used to create a title of web page, CSS syntax for a web page, and helps in written a JavaScript code. -->
</Head>
<Body>
<!-- The Body tag is used to display the content on a web page. In this example we do not specify any content or any tag, so in output nothing will display on the web page. -->
</Body>
</Html>
Output:
Illustrative Example 2: In this instance, we are demonstrating the creation of a webpage that assists in comprehending the process of assigning a title to a webpage.
<Html>
<Head>
<!-- In this example the title tag is used to specify the title of the web page. -->
<title>
Example of Title tag
</title>
</Head>
<Body>
</Body>
</Html>
Output:
Illustrative Example 3: In this instance, a webpage is generated to demonstrate the process of applying bold, italic, and underline formatting to text.
<Html>
<Head>
<title>
Example of make a text B,I,U
</title>
</Head>
<Body>
<b> [This text is Bold......] </b>
<I> [This text is Italic......] </I>
<U> [This text is Underline......] </U>
</Body>
</Html>
Output:
Illustrative Example 4: In this instance, a webpage is generated to demonstrate the utilization of the <p> element.
<Html>
<Head>
<title>
Example of Paragraph tag
</title>
</Head>
<Body>
<p> <!-- It is a Paragraph tag for creating the paragraph -->
<b> HTML </b> stands for <i> <u> Hyper Text Markup Language. </u> </i> It is used to create a web pages and applications. This language
is easily understandable by the user and also be modifiable. It is actually a Markup language, hence it provides a flexible way for designing the
web pages along with the text.
</p>
HTML file is made up of different elements. <b> An element </b> is a collection of <i> start tag, end tag, attributes and the text between them</i>.
</p>
</Body>
</Html>
Output:
Illustrative Example 5: In this instance, we will develop a webpage that serves to illustrate the process of defining various header levels.
Within HTML, there exist six header levels ranging from h1 to h6.
<Html>
<Head>
<title>
Example of Header-levels
</title>
</Head>
<Body>
<h6> C# Tutorial </h6>
<h5> C# Tutorial </h5>
<h4> C# Tutorial </h4>
<h3> C# Tutorial </h3>
<h2> C# Tutorial </h2>
<h1> C# Tutorial </h1>
</Body>
</Html>
Output:
Illustrative Example 6: In this demonstration, a webpage is generated to showcase the process of center-aligning text and inserting line breaks for improved clarity.
<Html>
<Head>
<title>
Example of center and BR tag
</title>
</Head>
<Body>
<!-- In this example we use the center tag which specify the content at centre of the webpage.-->
<center>
HTML tutorial in Example <br> <!-- The BR tag is used to break a line. -->
CSS tutorial in Example <br>
</center>
JavaScript tutorial in Example <!-- Here BR tag is not used, so the next statement is in continuous with one space after this statement. -->
Jquery tutorial in Example <br>
</Body>
</Html>
Output:
Example 7 illustrates the process of creating a hyperlink from one webpage to another.
<Html>
<Head>
<title>
Example of anchor or hyperlink
</title>
</Head>
<Body>
<!-- In this example we use the anchor tag for linking one page to another by using the href attribute
which specify the url of the second page which you want to link.-->
<center> Click on <a href="html-favicon"> this link </a> for reading about HTML favicon in Example.
</center>
</Body>
</Html>
Output: