Practical No.2 Navigation,list and paragraph
2A) Design a webpage to demonstrate text based navigation bar
CODE:
<html>
<body style="background-color:yellow;">
<a href="html.com"> HTML </a>|
<a href="css.com"> CSS</a>|
<a href="java.com"> JAVA</a>|
</body>
</html>
OUTPUT:
2B) Demonstrate use of list and background in webpage.
CODE:
<html>
<body style="background-color:yellow">
<ol type="A">
<li><strong>Scripting list</strong></li>
<ol type="i">
<li style="background-color:orange">VBScript</li>
<li style="background-color:limegreen">JavaScript</li>
</ol>
<li><strong>DBMS</strong></li>
<ul type="disc">
<li style="background-color:orange">ORACLE</li>
<li style="background-color:limegreen">MYSQL</li>
</ul></ol>
</body>
</html>
OUTPUT:
2C) Demonstrate use of paragraph and its associated tags in webpage.
CODE:
<!DOCTYPE html> <html> <head> <title>Paragraph Example</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is a paragraph of text. It is used to display a block of content that represents a single unit or thought. You can format paragraphs using various HTML tags:</p> <p><strong>Text Formating:</strong> You can make text <em>italic</em>, <strong>bold</strong>, or <u>underlined</u> using HTML tags.</p> <p><a href="https://www.example.com">Links:</a> You can also include links within paragraphs to navigate to other web pages.</p> <p><a href="#contact">Jump to the contact section below.</a></p> </body></html>
OUTPUT:
