Guru Gobind Singh

Indraprastha University
Maharaja Surajmal Institute

Practical file
E-Commerce
Submitted by: Anubhav Trivedi
Submitted To: Dr, Itti Hooda
course: BBA sem-II section B
Enrollment no.03321201724
session: 2024-2027
 INDEX

S. Faculty Sign
Assignment Name
No.
Create a HTML web Page-Showing Creating HTML web Page-saving
1 HTMl web Page- Containing all headings in a document
Create an HTML file for displaying a webpage with the following Tags.
The file should contain a brief description of all these tags:
a. Sub
b. Sup
c. mark
Paragraph
d. font
e. Headings
2 f. HR
g. BR
h. Pre
i. Font
j. Blockquote
k. P, B, I, U tags
l. Small, big, strike

WRITE A QUADRATIC EQUATION 𝑎𝑥 2 + 𝑏𝑥 + 𝑐 and H2O formula

3 using Sub, Sup html tag.
Design a Web Page of your CV with headings as Objective, educational
qualification, achievements, strengths, hobbies and personal details.
Apply following specifications:

Insert a horizontal line after every above mentioned heading (Eg. Insert
horizontal line once objectives are complete)
4 Set any light color as page background.
Bold and underline every heading
Insert your image on left side of web page
Use heading tag to specify the headings
After every heading is over put a horizontal line
Use pre tag for Educational Qualification

Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a

polynomial equation of the second degree.
5
The general form is
ax2+bx+c=0
Where != 0 (For if a=0, the equation becomes a linear
equation)
 INDEX

"CHEMICAL EQUATION"

4H3PO3 = 3H3PO4+PH3
and other expression as
Pnew= Pold + X2-Yacosx
.
Design a Web Site with the name as HTML tutorial with following
specifications:
Make following hyperlinks (i.e. 5 different web pages):
1. Formatting Styles and Headings: Include Bold, italics, Underline,
Strike, Subscript, superscript and all six type of headings, br, hr, pre,
p
2. Font Styles and Images: Font and Basefont tag, Image tag
3. Anchor: Internal (linking within page) and External (linking with
other documents) links
6 4. Marquee: Move text, image and hyperlink
5. Quotation and citation tags: <blockquote>,<q>, <abbr>,
<address>, <cite>, <tt> and <bdo>

Include following specifications:

In all these web pages only mention about use, attributes apply them.
Insert a background image on home page
Make all the topics as hyperlinks and go to some other page for description
Insert a marquee showing HTML Tutorial as moving text.
Use different font style for different topics
On every page, make a hyperlink for going back to home page.
Create a HTML webpage which display the following form-Table-Seminar
7 Schedule given in class
Design a Table-Class Time Table
8

9 Implement Links and Hyperlinks--

Design a web page showing each subject and after clicking on it will show
the syllabus of each subject

Implementation of all Four Target attributes on any website—

CREATE AN HTML DOCUMENT USING BASE TAG, ALL
10 ATTRIBUTES OF TARGET TAG AND INSERT AN IMAGE LINK IN
THE SAME.

Design a list containing all list type-Ordered List, Unordered List, and
Descriptive lists-Given in class
11
CREATE A PROGRAM USING ORDERED AND UNORDERED
LISTS
 INDEX
With the hyperlinks- Fruits, Vegetables, Newspaper and Magazines
and create ordered and unordered lists with price and image of each
list item.
Apply following parts:
1. Insert an image of Menu List on top right corner of web page
2. Display a marquee displaying “Newspapers name”
3. Use different font styles and colors for Fruits, vegetables and
newspapers.
4. Insert horizontal line after each list item
5. Use bold, italics and underline in headings
6. Insert marquee tag displaying “Newspapers and Magazines”
7. Add a hyperlink (IMG, Source in headings A, B, C)
8. Apply link colors, Target Frame.
9. Apply your email with the list for Online orders and price and
subscriptions
Create a HTML webpage which display the following form.
Student Registration Form
12

Create a nested list as follows:

Computer System
1.Input Devices
i.Keyboard
ii.Mouse
iii.Joystic
iv.Scanner
o Flat Bed Scanner
o Hand held Scanner
2.Output Devices
13
i.Monitor
a.LCD
b.CRT
ii.Printer
I.Impact Printer
II.Non Impact Printer

Apply following parts:

Insert an image of computer on top right corner of web page
Display a marquee displaying input output devices
Use different font styles and colours for input and output devices
Insert horizontal line after input devices are over
Use bold, italics and underline in headings
 INDEX
Create a HTML webpage which display the following list.
FRUITS & VEGETABLES A.
A.Vegetables
• Onion
• Tomato
• Radish
• Potato
• Carrot
B.Fruits
o Apple
o Banana
o Watermelon
o Mango
o Grapes
Newspaper & Magazine
o Newspaper
6. The Times of India
1. Hindustan Times
2. Navbharat Times
3. Punjab Kesari
4. Rainik Jagran
o Magazine
Business Times
The Week India Today
larvard Business Review
Computer World
Apply following parts:
Put horizontal line after newspaper an d magazine
Apply heading tag for newspaper and magazine
Apply a background color
Insert marquee tag displaying
"Newspapers and Magazines"

Design a Form-Student Registration Form

15
Create a frame showing three sections
Section 1- Any Website link
16 Section 2- Any Image link
Section 3- Any other HTML Document
17 Implement i-frame within a frame
Discussion of Various AI Generative Tools, its implementation and
18 Utilization of HTML and CSS in Corporate
 Assignment-1
Create a HTML web Page-Showing Creating HTML web Page-
saving HTMl web Page- Containing all headings in a document

<html>
<head>
<title>Creating and Saving an HTML Web Page</title>
</head>
<body bgcolor="silver">
<h1>Creating an HTML Web Page</h1>
<p>To create an HTML web page, follow these steps:</p>
<ol>
<li>Open any text editor (like Notepad, VS Code,
or Sublime Text). </li>
<li>Write the HTML code (like this one). </li>
<li>Save the file with a <strong>.html</strong> extension
(e.g., <code>index.html</code>). </li>
<li>Open the file in a web browser to view the page. </li>
</ol>
<h2>Saving an HTML Web Page</h2>
<p>When saving your HTML file:</p>
<ul>
<li>Use the ‹strong>Save As</strong> option in your editor. </li>
<li>Choose ‹strong>All Files</strong> as the file type. </li>
<li>Save the file with a <code>.html</code> extension. </li>
<li>Example: <code>my_first_page.html</code></li>
</ul>
<h3>HTML Heading Tags</h3>
<p>HTML provides six levels of headings, from <code>&lt;h1&gt;
</code> to <code>&Lt:ho&gt;</code>:</p>
<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>
<h4>Conclusion</h4>
<p>This page demonstrates the basics of creating and saving an
HTML document and shows how heading tags are used for
Organizing content. </p>
</body>
</html>
 Assignment-2
Create an HTML file for displaying a webpage with the following
Tags. The file should contain a brief description of all these tags:
1) Sub 2) Sup 3) Paragraph 4) font 5) Headings
6) HR 7) BR 8) Pre 9) Font 10) Blockquote
11) P, B, I, U tags 12) Small, big, strike 13)Mark

<html>
<head>
<title>Anubhav Trivedi</title>
</head>
<body bgcolor="bisque">
<h1><p><b><i><u><centre> HTML TAG</centre></u></i></b></p></h1>
<h1 >a. Sub</h1><br>
This tag in HTML is used to write text below the baseline of the text in a smaller
font. This tag can be used in many ways like we can denote some mathematical
variables in the form of subscript text. <br>eg. H₂0 is formula of
Water. <br>
<h1>b. Sup</h1><br>
The HTML element specifies inline text which is to be displayed as superscript
for typographical reasons. Superscripts are usually rendered with a raised
baseline using smaller text. <br > eg. ax²+bxtc=0<br>
<h1>c.Mark</h1><br>
This tag in HTML is used to define the marked text. It is used to highlight the
part of the text in a paragraph. The tag is new in HTML 5. ‹br> eg.
<mark>GeeksforGeeks:</mark> It is a mark> computer science</mark> portal
for geeks <br>
<h1>d. Paragraph</h1><br>
A paragraph always starts on a new line, and browsers automatically add some
white space (a margin) before and after a paragraph. ‹bi> eg. <p>This is a
paragraph. </p> <p> This is another paragraph. </p>
<h1 >e. Font</h1><br>
The font
was used in HTML 4 to specify the font face, font size, and colour of text. <or>
eg. <p >This is another paragraph. </p>
<h1>f. Headings</h1 ><br>
HTML headings are defined with the hl to ho tags. <br> hl defines the most
important heading. ho defines the least important heading ‹br>eg. <h1>Heading
1</h1><h2> Heading 2</h2> <h3> Heading 3</h3> <h4> Heading 4</h4> <h5
Heading 5</h5> <h6 > Heading 6</h6>
<h1>g. HR</h1><br>
This tag defines a thematic break in an HTML page (e.g., a shift of topic). This
element is most often displayed as a horizontal rule that is used to separate
content (or define a change) in an HTML page. <HR>eg.HTML is the standard
markup language for creating Web pages. <HR>
<h1>h. BR</h1><br>
This element produces a line break in text (carriage-return). It is useful for
writing a poem or an address, where the division of lines is significant. <or> eg.
Rose is red. <or> Sun is yellow.
<h1>i.Pre</h1><br>
The pre tag in HTML is used to define the block of preformatted text which
preserves the text spaces, line breaks, tabs, and other formatting characters which
are ignored by web browsers. <br> eg. <pre> GeeksforGeeks A Computer
Science Portal for Geeks </pre>
<h1>j Blockquote</h1><br>
This tag specifies a section that is quoted from another source.
Browsers usually indent blockquote elements (look at example below to see how
to remove the indentation). <br> eg. <Blockquote
cite="http://www.worldwildlife.org/who/index.html">For 50 years, WWF has
been protecting the future of nature. </blockquote>
</body>
</html>
 Assignment-3
WRITE A QUADRATIC EQUATION 𝑎𝑥 2 + 𝑏𝑥 + 𝑐 and H2O
formula using Sub, Sup html tag.

<HTML>
<HEAD>
<TITLE> ANUBHAV TRIVEDI </TITLE>
</HEAD>
<BODY BCOLOR="AQUA">
<H1><B><ALIGN="CENTRE">QUADRATIC
aEQUATION</ALIGN></B></H1><BR>
<h2><PRE>6X<SUP>2</SUP>-17X<SUB>3</SUB>+35X+12=0</PRE></h2>
</BODY>
</HTML>
 Assignment-4
Design a Web Page of your CV with headings as Objective, educational
qualification, achievements, strengths, hobbies, and personal details.
Apply following specifications:
I. Insert a horizontal line after every above-mentioned heading
II. Set any light colour as page background.
III. Bold and underline every heading
IV. Insert your image on left side of web page
V. Use heading tag to specify the headings
VI. After every heading is over put a horizontal line
VII. Use pre tag for Educational Qualification

<html>
<head>
<title>Anubhav Trivedi </title>
</head>
<body bgcolor="teal">
<h1><b><u><align=“centre”>CURRICULUM
VITAE</align></u></b></h1>
<h1>Anubhav Trivedi</h1>
<p align=“left”> <img src=“Photo.jpg” width=“200”
height=“300"></р>
<h2>E-mail:- anubhav*********@gmail.com
Ph No. 98******41</h2> <hr>
<h2><u>Objectives </u></h2>
1. Gain Expertise in Marketing and Management areas. <br>
2. To secure a challenging position in a reputable organisation to
expand my learnings, skills, knowledge <br>
3. Secure a responsible career opportunity to fully utilise my training
and skills, while making a significant contribution to the success of the
company. <hr>
<h2><u>Educational Qualification</u></h2>
1. CBSE- Secondary School Examination. <br>
2. CBSE- Senior Secondary School Examination. <br>
3. BBA (G) - Guru Gobind Singh Indraprastha University. <br>
4. MOOC Course in Business Development. <hr>
<h2><u>Strengths</u></h2>
Fast Learner, Goal Oriented, Good Communication Skills, Creative,
Good in Problem Solving. <hr>
<h2><u>Hobbies</u></h2>
Dancing, Playing Table Tennis, Running. <hr>
<h2><u>Achievements</u></h2>
1. Zonal's Football 1st Position.
</body>
</html>
 Assignment-5
Write a HTML code to print the following lines in same manners:

In Mathematics, a quadratic equation is a polynomial equation of

the second degree. The general form is ax2+bx+c=0 Where! = 0
(For if a=0, the equation becomes a linear equation)
"CHEMICAL EQUATION"
4H3PO3 = 3H3PO4+PH3 and other expression as
Pnew= Pold + X2-Yacosx

<html>
<head>
<title>Equations Display</title>
</head>
<body bgcolor="lightblue">
<p>In Mathematics, a quadratic equation is a<br>
polynomial equation of the second degree. <br>
The general form is <br><br>
<pre>ax² + bx + c = 0</pre><br><br>
Where! = 0 (For if a = 0, the equation becomes a linear equation)
</p>
<h2><u>"CHEMICAL EQUATION"</u></h2>
<p>
4H₃P0₃ →
3H₃P0₄.
PH₃<br><br> and other expression as<br><br>
P_new = P_old + X² -
Y_açosx
</p>
</body>
</html>
 Assignment-6
Design a Web Site with the name as HTML tutorial with following
specifications: Make following hyperlinks (i.e. 5 different web pages):
1. Formatting Styles and Headings: Include Bold, italics, Underline, Strike,
Subscript, superscript and all six type of headings, br, hr, pre, p
2. Font Styles and Images: Font and Basefont tag, Image tag
3. Anchor: Internal (linking within page) and External (linking with other
documents) links
4. Marquee: Move text, image and hyperlink
5. Quotation and citation tags: <blockquote>,<q>, <abbr>, <address>,
<cite>, <tt> and <bdo>
Include following specifications:
In all these web pages only mention about use, attributes apply them. Insert a
background image on home page Make all the topics as hyperlinks and go to
some other page for description Insert a marquee showing HTML Tutorial as
moving text. Use different font style for different topics On every page, make a
hyperlink for going back to home page.

<html>
<head>
<title>HTML Tutorial - Home</title>
</head>
<body>
<marquee behavior="scroll" direction="left" scrollamount="8">
<h1>HTML Tutorial</h1>
</marquee>
<h2>Topics:</h2>
<ul>
<li><a href="formatting.html">Formatting Styles and Headings
</a><li>
<li><a href="fonts_images.html">Font Styles and Images</a></li>
<li><a href="anchor.html">Anchor (Internal & External Links)
</a></li>
<li><a href="marquee.html">Marquee (Move Text, Image,
Hyperlink) </a></li>
<li><a href="quotes_citation.html">Quotation and Citation
Tags</a></li>
</ul>
</body>
</html>
Formatting Styles and Headings
<html>
<head>
<title>Formatting Styles and Headings</title>
</head>
<body>
<h1>Formatting Styles and Headings</h1>
<p><b>Bold Text</b> using &lt;b&gt; tag. </p>
<p><i>Italic Text</i>using &lt;i&gt; tag.</p>
<p><u>Underline Text</u> using &lt;u&gt; tag.</p> <p><strike>Strike-
through Text</strike> using strike tag.</p>
<p>H₂0 shows subscript using &lt; sub&gt; tag. </p>
<p>2<sup>4</sup shows Superscript using altisupagt; tag. </p>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<hr>
<pre>
This is pre-formatted text using <pre>tag
</pre>
<p>This is a paragraph using &lt;pagt; tag. </p>
</body>
</html>
 Font Style and Images
<html>
<head>
<title>Font Styles and Images</title>
</head>
<body>
<h1>Font Styles and Images</h1>
<Font face="Arial" size="5" color="blue">This text is styled using
<font>; tag (face, size, color attributes). </font>
<br><br>
<basefont face="Verdana" size="4" color="green">
<p>This paragraph uses <basefont>; to set default font, size, and
color. </p>
<h2>Image Example:</h2>
<img src= "MSI.jpg" alt="Example Image" width="300"
height="200">
</body>
</html>
Anchor(links)
<html>
<head>
<title>Anchor (Links)</title>
</head>
<body>
<h1>Anchor (Links)</h1>
<h2>Internal Linking</h2>
<a href="#section1">Go to Section 1</a>
<br><br>
<h2>External Linking</h2>
<a href="https://www.w3schools.com" target="blank">Visit
W3Schools (External Link) </a>
<br><br><hr><br>
<h2 id="section1">Section 1</h2>
<p>This is an internal link destination inside the same page. </p>
</body>
</html>
Marquee example
<html>
<head>
<title>Marquee</title>
</head>
< body>
<h1>Marquee Examples</h1>
<Marquee behavior="scroll" direction="right" scrollamount="10">
Moving Text using &lt;marquee&gt; tag</marquee>
<br><br>
<marquee behavior="alternate" scrollamount="5">
<img src="MSI.jpg" alt="Moving Image" width="150"height="100">
</marquee>
<br><br>
<Marquee behavior="scroll" direction="left"
<a href="https://www.google.com" target=“_blank">Click here to
visit Google</a>
</marquee>
</body>
</html>
Quotation and Citation Tags
<html>
<head>
<title>Quotation and Citation Tags</title>
</head>
</body>
<h1>Quotation and Citation Tags</h1>
<h2>Blockquote:</h2>
<blockquote cite="https://en.wikipedia.org/wiki/HTML">
HTML is the standard markup language for creating web pages
</blockquote>
<h2>Short Quotation:</h2>
<q>HTML stands for Hyper Text Markup Language.</q>
<h2>Abbreviation:</h2>
‹abbr title="World Health Organization">WHO</abbr>
<h2>Address: </h2>
<address>
Written by John Doe. <br>
Visit us at: Example. com<br>
Box 564, USA Disneyland<br>
</address>
<h2>Citation:</h2>
<cite>The Great Gatsby</cite> by F. Scott Fitzgerald
<h2>Teletype Text:</h2>
<tt>This text is shown as teletype (old computer style).</tt>
<h2»Bidirectional Override:</h2>
<bdo dir="rtl">This text will be displayed right-to-left.</bdo>
</body>
</html>
 Assignment-7
Create a HTML webpage which display the following form-Table-
Seminar Schedule given in class

<html>
<head>
<title>SEMINAR TABLE</title>
</head>
<body>
<table border=“1” cellpadding=“5” cell spacing=“5” align=“centre”
height=“400” width=“700” bgcolor="pink">
<font size="18">
<tr>
<th rowspan="2">DAY</th><th colspan="3">seminar</th></tr>
<tr>
<th>beg in</th> <th>end</th> <th>topic</th></tr>
<tr>
<th rowspan="2">MON</th><td>8:00 am</td><td>11:00
pm</td><td>intro to python</td></tr>
<tr>
<td>12:00 pm</td><td>2:00 pm</td><td>Roadmap to Cloud
Computing with AI</td></tr>
<tr>
<th>TUE</th><td>9:00 am</td><td>12:00 pm</td><td>Software
Engineering</td></tr>
</tr>
<td colspan="4">LUNCH BREAK</td></tr>
<tr><th rowspan="3">WED</th><td>9:00 am</td><td>12:00
pm</td><td>Digital Marketing</td></tr>
<tr>
<td>1:00 pm</td><td>2:00 pm</td><td>DBMS</td></tr>
<tr>
<td>3:00 pm</td><td>5:00 pm</td><td>Valedictory
Session</td></tr>
</font>
</table>
</body>
</html>
 Assignment-8
Design a Table-Class Time Table

<html>
<head>
<title>Class Timetable</title>
</head>
<body bgcolor="lightblue">
<h2>II B Timetable</h2>
<p><strong>CC:</strong> Dr. Itti Hooda</p>
<table border="1">
<tr><th>Day</th> <th>12:00-1:00</th> <th>1:00-2:00</th>
<th>2:30-3:30</th> <th>3:30-4:30</th> <th>4:30-5:30</th> </tr>
<tr><td>Monday</td> <td>DTB</td> <td>HRM</td> <td>B</td>
<td>LAB</td><td>Tutorial - DTB</td></tr>
<tr><td>Tuesday</td> <td>ECOMM</td> <td>MM</td>
<td>R</td> <td>DTB</td> <td></td></tr>
<tr><td>Wednesday</td> <td>DTB</td> <td>ECOMM</td>
<td>E</td> <td>MM</td> <td>DTB</td></tr>
<tr><td>Thursday</td> <td>HRM</td> <td>BUSS COMM</td>
<td>A</td> <td>MM</td> <td>DTB</td></tr>
<tr><td>Friday</td> <td>MM</td> <td>ECOMM</td>
<td>K</td> <td>HRM</td> <td>BC</td></tr>
<tr><td>Saturday</td><td colspan=“5”>10:00-11:00</td></tr>
</table>
<h3>Faculty Codes:</h3>
<ul>
<li>MM: Ms Komal</li><li>DTB: Dr Neha Goel</li>
<li>HRM: Dr Beena</li><li>BC: Ms Nisha Tokas</li>
<li>ECOMM: Dr Itti Hooda</li>
</ul>
</body>
</html>
 Assignment-9
Implement Links and Hyperlinks--
Design a web page showing each subject and after clicking on it will
show the syllabus of each subject

<html>
<head>
<title>Subject Syllabus</title>
</head>
<body>
<h1>Subjects</h1>
<a href="#mm">Mm</a>
<a href="#dtb">dtb</a>
<a href="#hrm">Hrm</a>
<div class="syllabus" id="mm">
<h2>MM Syllabus</h2>
<ul>
<li>Unit I Introduction: Marketing - Meaning, Scope and Importance; Concepts,
Philosophies of Marketing; Marketing Environment: Macro and Micro environmental
factors. Consumer Decision Making Process; Market Segmentation- Levels and
Bases of Segmenting Consumer Markets, Market Targeting- concept and criteria,
Product Positioning - concept and bases. </li>
<li>Unit II Marketing Mix Decision -Product and Pricing: Product Decisions: Concept
and classification; Levels of Product. Product strategies; Branding decisions; New
Product Development; Product life cycle; Pricing Decisions: Objectives; Factors
affecting pricing; Pricing methods; Pricing strategies. </li>
<li>Unit III Marketing Mix Decisions -Promotion and Distribution: Distribution
Decisions: Channels of distribution- types and functions. Delivering value- factors
affecting choice of distribution channel; Channel Management; Promotion Decisions:
Communication process; Decision about Promotion mix tools: advertising, personal
selling, publicity sales promotion, public relations, direct marketing; Integrated
Marketing Communication approach. </li>
<li>Unit IVIntroduction to Emerging Trends in Marketing: Relationship Marketing,
Sustainable Marketing, Green Marketing, Social marketing, Digital Marketing, Social
Media Marketing, Role of AI and Robotics in Marketing, Ethical issues in Marketing.
</li></ul>
</div>
<div class="syllabus" id="dtb">
<h2>dtb Syllabus</h2>
<ul>
<li>Statistics: Definition. Importance & Limitation, Collection of data and formation of
distribution, Graphic presentation of Frequency distribution - Graphics, Bars,
Measures of Central Tendency - Mean Median and Mode, Partition values -
quartiles, deciles and percentiles; Measures of variation - Range, IQR, quartile,
deciles and percentiles, mean deviation and standard deviation. Normal distribution
curves. </li>
<li>Unit II Correlation Analysis: Correlation Coefficient; Assumptions of Correlation
Analysis; Coefficients of Determination and Correlation; Measurement of Correlation-
Karl Person's Methods: Spearman's Rank correlation; Regression: meaning,
assumptions of regression, ordinary least square method of regression; Pitfalls and
Limitations Associated with Regression and Correlation Analysis. </li>
<li>Unit III linear Programing Usage in Business Decision Making, Programming
Problem: Formulation, Methods of Solving: Graphical and Simplex, problems with
mixed constraints: Duality. </li>
<li>Transportation and Assignment problems: General Structure of Transportation
Problem, Methods for Finding Initial Solution and Testing for Optimality. Assignment
Problem: Hungarian Assignment Method, unbalanced assignment problems,
restrictions in assignment </li>
</ul>
</div>
<div class="syllabus" id="hrm"›
<h2>hrm Syllabus</h2>
<ul>
<li> Unit I Introduction to Human Resource Management: Functions of HR Manager;
Policies related to Human Resource Management; Emerging challenges of human
resource management – Workforce diversity, welfare, health, safety, social security,
empowerment, downsizing, VRS, work life balance. Employee code of conduct,
Human Resource Information System (HRIS) and e-HRM.</li>
<li>Unit II Acquisition of Human Resource: Human resource planning- Quantitative
and qualitative dimensions; Job analysis Job description and job specification;
Recruitment-sources, Selection - process, techniques and tools; induction and
orientation; Retention.</li>
<li>Unit III Training and Development: Concept and importance; Role specific and
competency-based training; Training and development techniques understudy, and
programs - Apprenticeship, Job rotation, vestibule training, role playing, sensitivity
training, In-basket, management games, conferences and seminars,coaching and
mentoring, management development programmes; Training process outsourcing,
Cultural Shock. </li>
<li>Unit IV Performance Appraisal and Compensation Management: Performance
appraisal- Nature, objectives, process, methods, Employee counselling; Job
changes - Transfers and promotions. Compensation-Rules and policies, Base and
supplementary compensation; Individual and group incentive plans; Fringe benefits;
Performance linked compensation; Employee stock band compensation system; HR
Audit, Contemporary issues in human resource management.</ li></ul>
</div>
</body>
</html>
 Assignment-10
Implementation of all Four Target attributes on any website
CREATE AN HTML DOCUMENT USING BASE TAG, ALL ATTRIBUTES
OF TARGET TAG AND INSERT AN IMAGE LINK IN THE SAME.

<html>
<head>
<title><b>Hyperlink Example</b></title>
</head>
<body bgcolor="pink" style="text-align: center; font-size: 20px;">
<!-- Image with proper path and formatting—>
<img src="msi.jpg" width="200" height="200" alt="Chocolates">
<p><b>Variety of Sweets</b></p>

<! - Hyperlink 1:_ blank →>

<a href="https://www.houseandgarden.co.uk/recipe/type/desserts-
cakes" target="_blank"> <b>DESSERTS</b>
</a> <br>
<! -- Hyperlink 2: _self -->
‹a href="https://www.houseandgarden.co.uk/recipe/type/desserts-
cakes" target="_self"> <b>HANDMADE CAKES</b>
</a> <br>
<! -- Hyperlink 3:_parent ->
‹a href="https://www.tasteofhome.com/collection/indian-dessert-
recipes/"target="_parent"> <b>INDIAN SWEETS</b>
</a> <br>
<!-- Hyperlink 4:_top—>
<a href="https://www.businessinsider.in/home/the-best-chocolates-
you-can-get-for-valentine-day/articleshow/67872593.cms"
target="_top"> <b>CHOCOLATES</b>
</a> <br>
</body>
</html>
 Assignment-12
Create a HTML webpage which display the following form.
Student Registration Form

<html>
<head>
<title>Anubhav</title>
</head>
<body>
<form method="action">
<table border="2" align="center" width="400" bgcolor="red">
<caption>REGISTRATION FORM</caption>
<tr><th>enter your first name</th><td><input type="text"
name="fn" id="fn1" max.length="10"size="30"></td></tr>
<tr><th>enter your last name</th> <td><input
type="text"></td></tr>
<tr><th>enter your password</th><td><input
type="password"></td></tr>
<tr><th>enter your email</th> <td><input type="email"></td></tr>
<tr><th>enter your mobile number</th> <td>input
type="numbers"></td></tr>
<tr><th>gender</th><td>male<inputtype="radio"name="g"value="
m"> female<input type="radio"name="g"value="f"></td></tr>
<tr><th>select your hobbies</th><td>dancing<input type= checkbox
name="x"value="h"> <td>reading<input type="checkbox"
name="x"value="b"><td>painting<input type="checkbox"
name="x"value="g><td>others<input type="checkbox"
name="x"va lue="o"></td></tr>
<tr><th>select your country</th><td><Select><option>India
</option><option>Thailand</option><option>SouthKorea</option>
</Select></td></tr>
<tr><th><label>Upload your pic</label></th><td><input
type=file></td></tr>
<tr><thcolspan=2><input type=submit value="save my data">
<input type=reset value="Reset data"></th></tr>
</table>
</font> </form>
</body>
</html>
 Assignment-13
Create a nested list as follows:
Computer System
1. Input Devices.
i. Keyboard
ii. Mouse
iii. Joystic
iv. Scanner
a. Flat Bed Scanner
b. Hand held Scanner
2. Output Devices
i. Monitor
a. LCD
b. CRT
ii. Printer
I. Impact Printer
II. Non Impact Printer
Apply following parts: Insert an image of computer on top right corner of
web page, Display a marquee displaying “Input and Output Devices,”Use
different font styles and colors for Input and Output Devices, Insert horizontal
line after Input Devices are over, Use bold, italics and underline in Headings

<html>
<head>
<title>Anubhav Trivedi</title>
</head>
<body>
<img src="computer.jpg" align="right">
<marquee>Input and Output Devices</marquee>
<h1><u><b>Computer System</b></u></h1>
<h2 class="input-output"><b><i>1. Input Devices</i>/b></h2> <ul>
< li><i>Keyboard</i></li> <li><i>Mouse</i></li>
<li><i>Joystick</i></li>
<li><i>Scanner</i>
<ul>
<li><i>a. Flat Bed Scanner</i></li>
<li><i>b. Handheld Scanner</i></li>
</ul>
</li>
</ul>
<hr>
<h2 class="devices"><u><b>2. Output Devices</b></u></h2> <ul>
<li><i>Monitor</i>
<ul>
<li><i>a. LCD</i></li>
<li><i>b. CRT</i></li>
</ul>
</li>
<li>i>Printer</i>
<ul>
<li><i>I. Impact Printer</i></li>
<li><i>II. Non-Impact Printer</i></li>
</ul>
</li>
</ul>
</body>
</html>
 Assignment-14
Create a HTML webpage which display the following list.

FRUITS & VEGETABLES

A.Vegetables
• Onion
•Tomato
•Radish
•Potato
•Carrot
B.Fruits
•Apple
•Banana
•Water-Melon
•Mango
•Grapes

Apply following parts:

Put horizontal line after newspaper and magazine, Apply heading
tag for newspaper and magazine, Apply a background color, Insert
marquee tag displaying “Newspapers and Magazines”

<html>
<head>
<title>Fruits, Vegetables, Newspapers & Magazines</title>
</head>
<body Bgcolor=“light blue”>
<h1>FRUITS & VEGETABLES</h1>
<h2>A. Vegetables</h2>
<ul>
<li>Onion</li><li>Tomato</li>
<li>Radish</li><li>Potato</li><li>Carrot</li>
</ul>
<h2>B. Fruits</h2>
<ul>
<li>Apple</li> <li>Banana</li> <li>Water-Melon</li>
<li>Mango</li> <li>Grapes</li>
</ul>
<marquee><strong>Newspapers and Magazines</strong></marquee>
<h2>Newspaper</h2>
<ol start="5">
<li>The Times of India</li> <li>Hindustan Times</li>
<li>Navbharat Times</li> <li>Punjab Kesari</li>
<li>Dainik Jagran</li>
</ol>
<h2>Magazine</h2>
<ol type="i">
<li>Business Times</li><li>The Week</li> <li>India Today</li>
<li>Harvard Business Review</li> <li>Computer World</li>
</ ol>
<hr>
</body>
</html>
 Assignment-15
Design a Form-Student Registration Form
Codes
<html>
<head>
<title>Anubhav</title>
</head>
<body>
<form method="action">
<table border="2" align="center" width="400" bgcolor="red">
<caption>REGISTRATION FORM</caption>
<tr><th>enter your first name</th><td><input type="text"
name="fn" id="fn1" max.length="10"size="30"></td></tr>
<tr><th>enter your last name</th> <td><input
type="text"></td></tr>
<tr><th>enter your password</th><td><input
type="password"></td></tr>
<tr><th>enter your email</th> <td><input type="email"></td></tr>
<tr><th>enter your mobile number</th> <td>input
type="numbers"></td></tr>
<tr><th>gender</th><td>male<inputtype="radio"name="g"value="
m"> female<input type="radio"name="g"value="f"></td></tr>
<tr><th>select your hobbies</th><td>dancing<input type= checkbox
name="x"value="h"> <td>reading<input type="checkbox"
name="x"value="b"><td>painting<input type="checkbox"
name="x"value="g><td>others<input type="checkbox"
name="x"va lue="o"></td></tr>
<tr><th>select your country</th><td><Select><option>India
</option><option>Thailand</option><option>SouthKorea</option>
</Select></td></tr>
<tr><th><label>Upload your pic</label></th><td><input
type=file></td></tr>
<tr><thcolspan=2><input type=submit value="save my data">
<input type=reset value="Reset data"></th></tr>
</table>
</font> </form>
</body>
</html>
 Assignment-16
Create a frame showing three sections:
Section 1- Any Website link, Section 2- Any Image link, Section 3- Any other
HTML Document

<html>
<head>
<title>Three Section Frame</title>
</head>
<body>
<div class="section">
<iframe src="https://www.msijanakpuri.com/"></iframe>
</div>
<div class="section">
<img src="https://www.msijanakpuri.com/wp-content/uploads/
2019/06/1og02x.png"width="100" height="100">
</div>
<div class="section">
<iframe src="file:///Users/ajaytrivedi/Desktop/anubhav%20html/
anubhav.html"></iframe>
</div>
</body>
</html>
 Assignment-17
Implement i-frame within a frame

<html>
<head>
<title>Anubhav Trivedi </title>
</head>
<body>
< frameset rows="50%, 50%">
<frame src="https://www.msijanakpuri.com/">
<frame src="file:///Users/ajaytrivedi/Desktop/anubhavs20html/ssign7.html">
</frameset>
</body>
</html>

<html>
<head>
<title>Iframe Inside Frame</title>
</head>
<body>
<h2>This is a frame containing an iframe</h2>
<iframe src="file:///Users/ajaytrivedi/Desktop/frame.html"
width="100%" height="400px"></iframe>
</body>
</html>
 Assignment-18
Discussion of Various AI Generative Tools, its implementation and Utilization
of HTML and CSS in Corporate

AI Generative Tools
AI generative tools are systems that create content—text, images, audio, code, or
video—using machine learning models, particularly generative models like GPT
(text), DALL·E (images), or MusicLM (audio).

Examples of AI Generative Tools

Implementation in Corporate Settings

• Customer Support: AI chatbots reduce human workload by resolving
common queries (e.g., ChatGPT or Dialogflow).
• Marketing: Content generation for blogs, social media, and ads (e.g.,
Jasper AI).
• Design: Auto-generation of graphics for campaigns using DALL·E or
Canva’s Magic Studio.
• Software Development: Code generation and review using Copilot,
CodeWhisperer.
• Training: Creating personalized training material using GPT-based tools.

Utilization of HTML and CSS in Corporate Environments

HTML (HyperText Markup Language)

• Purpose: Structures content on the web.

• Usage:
o Building internal web dashboards.
 o Structuring content in corporate websites.
o Email formatting in newsletters.

CSS (Cascading Style Sheets)

• Purpose: Styling and layout of HTML elements.

• Usage:
o Theming corporate web applications.
o Ensuring brand consistency across pages.
o Responsive design for mobile and desktop platforms.

Corporate Use Cases

Integration with AI Tools

• AI tools like Copilot or Tabnine can assist in writing HTML/CSS.

• AI-generated templates for web pages based on prompts (e.g., “Create a
landing page for a tech product”).

Conclusion
AI generative tools are revolutionizing how companies operate by automating
content creation and enhancing efficiency. Meanwhile, HTML and CSS remain
foundational technologies in corporate web presence, internal tools, and
communications. The fusion of AI with these web technologies is streamlining
everything from front-end development to customer interaction.