Scribd
Upload
24 views

HTML Tags

This document contains examples of HTML tags used to format text and headings. It shows the <font> tag being used to change the font, size, color, and style of text. It also uses the <pre> tag to preserve line breaks and spaces. The document outputs the text in different font properties. It then shows the use of <h1> to <h6> tags to define headings, and the <div> tag to group and style elements on the page.

Uploaded by

Ahn
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
24 views

HTML Tags

This document contains examples of HTML tags used to format text and headings. It shows the <font> tag being used to change the font, size, color, and style of text. It also uses the <pre> tag to preserve line breaks and spaces. The document outputs the text in different font properties. It then shows the use of <h1> to <h6> tags to define headings, and the <div> tag to group and style elements on the page.

Uploaded by

Ahn
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML TAGS

<!-- A Program to illustrate text Font tag -->


<!-- A Program to illustrate body and pre tags -- <html>
> <title> Font tag Example </title>
<html> <body>
<head> <font face="arial" size="1" color="blue">
<title> body and pre tag </title> WELCOME
</head> </font> <br>
<body text="red" bgcolor="yellow" <font size="2" color="cyan"> WELCOME </font>
background="Desert.jpg"> <br>
This is an Illustration of body tag with its <font size="3" color="red"> WELCOME </font>
properties <br>
<pre> <font size="4" color="yellow"> WELCOME
This text uses </font> <br>
pre tag and preserves <font size="5" color="green"> WELCOME
nextline and spaces </pre> </font> <br>
This text doesnt uses <font size="6" color="brown"> WELCOME
pre tag so doesnt preserves </font> <br>
nextline and spaces.. everything <font size="7" color="pink"> WELCOME </font>
will be printed in the same line <br>
</body> <font size="20" color="gray"> WELCOME
</html> </font> <br>
</body>
OUTPUT: </html>

OUTPUT:
<!-- A Program to illustrate comment,h1….h6,
and
div tag -->
<html>
<head>
<title> Illustrating comment, h1...h6 and div
tags </title>
</head>
<body>
<!-- THIS IS A COMMENT LINE -->
<div style="color:#00ff00">
<h1 align="center"> This is h1 tag text with
center aligned
</h1>
<h2 align="left"> This is h2 tag text with left
aligned </h2>
<h3 align="right">This is h3 tag text with right
aligned </h3>
</div>
<h4> This is h4 tag text without alignment</h4>
<h5> This is h5 tag Text without alignment
</h5>
<h6> This is h6 tag text without alignment
</h6>
</body>
</html>

You might also like