HTML Practical
1.Practice with basic HTML elements
<html>
<head>
<title>Basic Html Structure</title>
</head>
<body>
<h1>Welcome to HTML!</h1>
<p>This is a basic HTML Structure example.</p>
</body>
</html>
2.Design a simple web page with text, paragraph and line break
<!DOCTYPE html>
<html>
<head>
<title>Text and paragraph formatting</title>
</head>
<body>
<p>This is a paragraph of text.</p>
<p> Here is another paragraph with a line break.<br>This text is on a new line.<p>
</body>
</html>
3.Format text, change background color, and insert pictures
<html>
<head>
<title>Formatting text and adding media</title>
<style>
body{backgroung-color:lightblue;
}
</style>
</head>
<body>
<h1 style="color:darkblue;">formatted text example text example</h1>
<p><b>Bold text </b>,<i>Italic</i>,<u>Underlined text</u></p>
<img src="example.jpg"alt="sample Image"width="300">
</body>
</html>
4.Design a web page with tables and lists
<html>
<head>
<title>Tables and lists</title>
</head>
<body>
<h1>Table Example</h1>
<table border="1">
<tr>
<th>Name></th>
<th>Age</th>
</tr>
<td>John</td>
<td>25</td>
</tr>
<tr>
<td>Jane</td>
<td>30</td>
</tr>
<table>
<h2>Ordered list<h2>
<ol>
<li>First item</li>
<li>Second item</li>
</ol>
<h2> Unordered list</h2>
<ul>
<li>Item A</li>
<li>Item B</li>
</ul>
</body>
</html>
@manasvi kadam
`
Comments
Post a Comment