SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
PART A
(Part A: TO BE REFERRED BY STUDENTS)
Experiment No. 02
A.1 AIM:
Study of Basic HTML tags & create homepage for any website using HTML tags.
A.2 Pre requisite:
Basic Knowledge of HTML and HTML tags.
A.3 Outcome:
After successful completion of this experiment students will be able to:
1. Design pages in HTML
2. Perform all formatting of text and images in HTML
3. Create tables and lists in HTML
4. Design interactive pages in HTML using Frames
5. Use various properties of Frames
A.4 Theory:
What is HTML?
HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language.
HTML is a markup language. A markup language is a set of markup tags. The tags describe
document content. HTML documents contain HTML tags and plain text. HTML documents are
also called web pages.
HTML Tags
HTML markup tags are usually called HTML tags. HTML tags are keywords (tag names)
surrounded by angle brackets like <html>. HTML tags normally come in pairs like <p> and
</p>. The first tag in a pair is the start tag, the second tag is the end tag. The end tag is written
like the start tag, with a slash before the tag name. Start and end tags are also called opening tags
and closing tags
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
HTML Element Syntax
An HTML element starts with a start tag / opening tag. An HTML element ends with an end tag /
closing tag. The element content is everything between the start and the end tag. Some HTML
elements have empty content. Empty elements are closed in the start tag. Most HTML elements
can have attributes.
HTML Attributes
HTML elements can have attributes. Attributes provide additional information about an element.
Attributes are always specified in the start tag. Attributes come in name/value pairs like:
name="value".
Example :
<html>
<head>
<title>This is a title</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
Tags Description • Meaning • Definition
ANCHOR tag creates <a href="http://www.fillster.com">link</a> to other
<a>
internet location, or file.
ABBREVIATION tags indicate interpretation of the meaning to
<abbr> the browsers and search engines for such as kind of abbreviations as "Inc.",
"etc.".
ACRONYM tags defines an acronym, like; <acronym title="World Wide
<acronym>
Web">WWW</acronym>.
<b> BOLD tag is specifying <b>bold section</b> within the text document.
<big> BIG tag makes the <big>text larger</big> then the rest of the text.
<body>
<body> Body tags identify the content of a web page.
</body>
<br> Line Break tag is specifying<br> a new line
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
<center> <center>CENTER tags center text, images, etc.</center>
<em> EM tags <em>emphasize</em> text.
FIELDSET tag creates a form for all elements in it.
<fieldset>
<fieldset>Find a rounded-corner box around this text.</fieldset>
<font> FONT tags attribute text
<form> Form tags define a form.
<frame> Frame tags define each frame within a frameset.
<frameset> FRAMESET tags define a layout of frames.
<h1>to<h6> H1 - H6 define level 1-6 headers.
Head tags define general information about the document, page title, meta-tags,
<head>
scripts and links to follow, and other commands to browsers.
<hr> HR tag draws a horizontal break line.
HTML tags contain HTML elements, and give a command to browsers to read
<html>
the document as an HTML document.
<iframe> iFrame tag creates an inline frame that contains another web page in it.
<img> IMG tag attributes an image.
<input> INPUT tags define input fields, check boxes, radio buttons.
<i> <I> tag is specifying <i>italic text</i>.
<legend> LEGEND tag assigns a caption in a fieldset element.
<li> LI tag defines a list of ordered and unordered items.
<link> LINK tag defines a link to an external document, such as External Style Sheets.
<marquee> MARQUEE tags define different movement behaviors.
OPTION tag creates a drop-down menu. OPTION tag works only in conjunction
<option>
with a SELECT tag.
<ol> OL tags define an ordered list of items.
<p> <p> tag is specifying a paragraph and creates a new line.
PRE tag is specifing a preformatted text. This tag does,t let the browsers to
<pre>
eliminate "white spaces" in the text.
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
SCRIPT tags define scripts within a web page and let the web browsers know
<script> that it's not an HTML section. You can place a <SCRIPT> tag anywhere within
HTML, but the best practice is to place it between the <HEAD></HEAD> tags.
<select> SELECT tag creates a menu on a form.
<small> SMALL tag creates a small text.
<strike> STRIKE tag creates a strike through words or text.
<strong> STRONG tag is specifying a strong text.
STYLE tag specifies a link and location to a style sheet, and gives a command
<style>
to browsers regarding to a layout for a web page.
<sub> SUB tag is defining a subscripted text.
<sup> SUP tag is defining a superscripted text.
<table> TABLE tag is defining a table.
<td> TD tag creates a data cell.
<th> TH tag creates a header cell.
<tr> TR tag creates a row in a table.
<textarea> TEXTAREA tag creates a text area.
<title> TITLE tag declares a title of an HTML document.
<u> U tag makes an underlined text.
<ul> UL tags define an unordered list of items.
Create a static web pages using HTML that has
1. Home Page (Your CV )
2. Registration page (Without using form)
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
3. Contact Us page (To display any firm address, dummy mobile, dummy email id etc)
Note: - Don’t use any type of CSS in your code…
1. Your CV: - Do all entries with your personal details in following format…
Create a webpage to display your Curriculum vitae (CV) as per following format.
B. TECH. COMPUTER ENGINEERING
Name: - Your Name
OBJECTIVE:
Write single line objective
EDUCATION:
Degree Institute Board/University CGPA/Percentage Year
B. Tech Currently Pursuing
XII 2018
X 2016
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
Note: - if X & XII from same institute then use row span in institute column and If board is
same for X & XII use row span in Board/University Column.
TECHNICAL SKILLS:
Domain Details
Languages
Web Designing
Software
Database
Analytics
Operating Systems
KEY PROJECTS:
Project Title Duration Platform Brief Description
Used
TECHNICAL –PRESENTATION/WORKSHOPS/CERTIFICATION
Program 1
Program 2
TECHNICAL –WORK EXPERIENCE / INTERNSHIPS:
1. Internship 1
2. Internship 2
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
PART B
(PART B: TO BE COMPLETED BY STUDENTS)
(Students must submit the soft copy as per following segments within two hours of the practical. The soft
copy must be uploaded on the Blackboard or emailed to the concerned lab in charge faculties at the
end of the practical in case the there is no Black board access available)
Roll No. : A222 Name: Lavanya Jadhav
Class : MBA TECH Batch :
Date of Experiment :11/01/2025 Date/Time of Submission : 11/01/2025
Grade :
B.1 Code:
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
B.2 Output
B.3 Conclusion:
Through this experiment, I successfully learned how to create basic web pages using HTML. I was able to
implement various HTML tags to create a structured CV, registration page, and contact page without
using CSS. The practical helped demonstrate the fundamental building blocks of web development and
how different HTML elements work together to create organized web content.
B.3 Observations and Learning:
HTML tags like tables (<table>, <tr>, <td>) are essential for creating structured layouts,
especially for organizing CV information
SVKM’s NMIMS
Mukesh Patel School of Technology Management & Engineering (Mumbai Campus)
Computer Engineering Department (MBA-Tech Sem IV)
Web Programming
Lab Manual
Learned the importance of proper tag nesting and closing tags for creating valid HTML
documents
Understanding how to use specific tags for their intended purposes - like <h1> to <h6> for
headings, <ul> and <ol> for lists, and <p> for paragraphs
Gained practical experience in creating formatted text using tags like <b>, <i>, <u> and <br>
Observed how semantic HTML structure (using appropriate tags for content) makes the document
more organized and easier to maintain
Learned that even without CSS, basic HTML can create functional and readable web pages,
though styling options are limited
