Scribd
Upload
51 views

Submitted By

The document contains code snippets of HTML and the corresponding output. It demonstrates different HTML tags like headings, paragraphs, links, images, and text styling tags. It shows how these tags are used to structure text content and style it on a webpage.

Uploaded by

Amit Vijay
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
51 views

Submitted By

The document contains code snippets of HTML and the corresponding output. It demonstrates different HTML tags like headings, paragraphs, links, images, and text styling tags. It shows how these tags are used to structure text content and style it on a webpage.

Uploaded by

Amit Vijay
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 16

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="https://www.w3schools.com">This is a link</a>
</body>
</html>
OUTPUT
<!DOCTYPE html>
<html>
<body>
<img src="w3schools.jpg" alt="W3Schools.com"
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.

You might also like