SUBMITTED BY:-
NAVDEEP SINGH BAJAJ
CLASS:-VIIITH
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
OUTPUT
My First Heading
My first paragraph.
<!DOCTYPE html>
<html>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
</body>
</html>
OUTPUT
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
<html>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
OUTPUT
This is a paragraph.
This is another paragraph.
<!DOCTYPE html>
<html>
<body>
<a href="[Link] is a link</a>
</body>
</html>
OUTPUT
<!DOCTYPE html>
<html>
<body>
<img src="[Link]" alt="[Link]"
width="104" height="142">
</body>
</html>
OUTPUT
This is a link
<!DOCTYPE html>
<html>
<body>
<h2 title="I'm a header">The title attribute</h2>
<p title="I'm a tooltip">
Mouse over this paragraph, to display the title attribute
as a tooltip.
</p>
</body>
</html>
OUTPUT
The title attribute
Mouse over this paragraph, to display the title attribute as
a tooltip.
<!DOCTYPE html>
<html>
<body>
<img src="img_girl.jpg" width="500" height="600">
</body>
</html>
OUTPUT
<!DOCTYPE html>
<html>
<body>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</body>
</html>
OUTPUT
This is a paragraph.
This is a paragraph.
This is a paragraph.
<!DOCTYPE html>
<html>
<body>
<p>This is<br>a paragraph<br>with line breaks</p>
</body>
</html>
OUTPUT
This is
a paragraph
with line breaks
<!DOCTYPE html>
<html>
<body style="background-color:powderblue;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
OUTPUT
This is a heading
This is a paragraph.
<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
</body>
</html>
OUTPUT
This is a heading
This is a paragraph.
<!DOCTYPE html>
<html>
<body>
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
</body>
</html>
OUTPUT
This is a heading
This is a paragraph.
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
</body>
</html>
OUTPUT
Centered Heading
Centered paragraph.
<!DOCTYPE html>
<html>
<body>
<p>This text is normal.</p>
<p><b>This text is bold.</b></p>
</body>
</html>
OUTPUT
This text is normal.
This text is bold.
<!DOCTYPE html>
<html>
<body>
<p>This text is normal.</p>
<p><i>This text is italic.</i></p>
</body>
</html>
OUTPUT
This text is normal.
This text is italic.
