Web Application Development Lab
Module1
Task1: Create a HTML page using elements and tags.
<html>
<head>
<title> HTML page with Elements and Tags </title>
</head>
<body>
A sample paragraph showing formatting and followed by a line across the screen.
A sample paragraph showing formatting and followed by a line across the screen.
</body>
</html>
Task2: Create a HTML page using basic html5 elements and tags.
<!DOCTYPE HTML5>
<head>
<title> HTML page with Basic Elements and Tags </title>
</head>
<body>
Writing a line. I want to write in next line.<br>
I am in a new line.
<hr>
<p> A sample paragraph showing formatting and followed by a line across the screen</p><br>
<center>A sample paragraph showing formatting and followed by a line across the screen </center>
<hr>
<font>The font are displaying.</font>
</body>
</html>
Task3: Create a Basic HTML page using metadata element.
<!DOCTYPE html>
<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta name = "author" content = "Mahnaz Mohtashim" />
<meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
</head>
<body>
<p>Hello HTML5!</p>
</body>
</html>
Task4: Create a Basic HTML page using favicon elements.
<html>
<head>
<link rel="shortcut icon" href="[Link]" type="image/x-icon">
</head>
<title> Example of favicon</title>
<body>
<br>
<br>
<p align="center"> GeeksforGeeks icon added in the title bar </p>
</body>
</html>
Task5: Create a Basic HTML page using comment element.
<!DOCTYPE html>
<html>
<head>
<title>Valid Comment Example</title>
</head>
<body>
<!-- This is valid comment and single line comment -->
<p>Document content goes here.....</p>
<!--
This is a multiline comment and it can
span through as many as lines you like.
-->
<p>Document content goes here.....</p>
</body>
</html>
Task6: Create a HTML page using heading elements.
<html>
<head>
<title> HTML page with Basic Formatting Elements</title>
</head>
<body>
<h1> A sample paragraph showing formatting and followed by a line across the screen</h1>
<h2> A sample paragraph showing formatting and followed by a line across the screen</h2>
<h3> A sample paragraph showing formatting and followed by a line across the screen</h3>
<h4> A sample paragraph showing formatting and followed by a line across the screen</h4>
<h5> A sample paragraph showing formatting and followed by a line across the screen</h5>
<h6> A sample paragraph showing formatting and followed by a line across the screen</h6>
</body>
</html>
Task7: Create a Basic HTML page using various basic tags and elements.
(The students are required to create html page with your own text content for task7 using basic
tags and elements)