Assignment 2

CA-II PRACTICAL FILE
36124401715 [Type text] [Type text]
INDEX
ASSIGNMENT
ASSIGNMENT PAGE NO Remarks
No.
1. ASSIGNMENT 1 3
2. ASSIGNMENT 2 6
ASSIGNMENT 3
3. 8
4. ASSIGNMENT 4 11
5. ASSIGNMENT 5 23
6. ASSIGNMENT 6 26
ASSIGNMENT 7
7. 29
ASSIGNMENT 8
8. 31
ASSIGNMENT 9
9. 34
ASSIGNMENT 10
10. 36
ASSIGNMENT 11
11. 38
ASSIGNMENT 12
12. 40
1
ASSIGNMENT 13
13. 42
ASSIGNMENT 14
14. 44
ASSIGNMENT 15
15. 47
ASSIGNMENT 16
16. 49
ASSIGNMENT 17
17. 58
ASSIGNMENT 18
18. 62
ASSIGNMENT 19
19. 68
ASSIGNMENT 20
20. 70
ASSIGNMENT 21
21. 74
ASSIGNMENT 22
22. 79
ASSIGNMENT 23
23. 81
ASSIGNMENT 24
24. 83
ASSIGNMENT 25
25. 85
ASSIGNMENT 26
26. 88
ASSIGNMENT 27
27. 92
2
ASSIGNMENT 1
Q1. Create a HTML file for displaying a webpage with following Tags. The file should contain a brief
description about all these tags:
1. Bold <h5>Heading 5</h5><br>
2. Italics
3. Underline
4. Alignment
5. Paragraph
6. Text color
7. Headings
8. HR
9. Background Color
10. Line break
11.pre
Coding:
<html>
<head>
<title>supreet Assignment1</title>
</head>
<body text=white bgcolor=blue><p>Bold<br>
<b>< b> is used to bold the text</b><br><hr>
Italics<br>
<i><i> is used to italics the text</i><br><hr>
Underline<br>
<u>< u> is used to underline the

text</u><br></p>
<p><h1 align=center>Heading 1</h><br>
<h2>Heading 2</h2><br>
3
<h6>Heading 6</h6><br></p></body>
</htmL>
4
5
ASSIGNMENT 2
Q2. 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)
Set any light color as page background.
Bold and underline every heading
Use heading tag to specify the headings
Use pre tag for Educational Qualification
Use Base font tag for all the text
Coding
<html>
<head><title>supreet assignment 2</title>
</head>
<body bgcolor=pink>
<u><b><h1>OBJECTIVE</h1></b></u><br>
To become a succesful business representative.<br><hr>
<u><b><h1>EDUCATIONAL QUALIFICATION</h1></b></u><br>
<pre>Class School Board Percentage<br>
10 s.smotasingh model school CBSE 85<br>
12 s.smotasingh model school CBSE 86<br>
<u><b><h1>ACHIEVEMENTS</h1></b></u><br>
first position in presentation skills.
second position school hockey competition.<br><hr>
<u><b><h1>STRENGTHS</u></b></h1><br>
Punctual, Honest.<br><hr>
6
<u><b><h1>HOBBIES</u></b></h1><br>
Reading,Travelling.<br><hr>
<u><b><h1>PERSONAL DETAILS</u></b></h1><br>
Name-supreetkaur<br>
Contact-9824891285<br><hr>
</body>
</html>
7
Assignment 3
Q3. Design a Web Site of IITM with following specifications:
Design a home page with Name, Vision and Mission of the College.
Insert an image of IITM on right top
Insert a marquee to display Admissions Open (using proper attributes)
Make hyperlinks with the name Courses Available, Shifts and Location.
Make a hyperlink to come back on the page on every web page (i.e. Courses, shifts and
location).
Use different paragraphs and fonts.
Coding:
<html>
<head>
<title>Assignment 3</title>
<body>
<imgsrc="C:\Users\abc\Desktop\download.jpg" align=right>
<b><i><h1 align=center>IITM</h1></i></b><br>
<marquee>ADMISSION OPEN</marquee>
<b><i><u><h1>OUR VISION/MISSION</h1></u></i></b><br>
<p>Vision<br>
<font color=blue>The Institute aims to be a Centre of Excellence promoting value based Quality
Education in the emerging areas of professional studies in Information Technology &
Management.</font></p><br><br>
<p>Mission<br>
<font color=red>The Institute endeavours to contribute towards meeting the growing demands for
competent and trained Information Technology professionals, Software Engineers and World Class
Managers determined to achieve excellence.</font></p><br><br><hr>
<br><a href=courses.html>COURSES</a><br>
8
<a href=shift.html>SHIFT</a><br>
<a href=location.html>LOCATION</a>
</body>
</html>
9
Assignment 4
Q4. Design a Web Site with the name as HTML tutorial with following specifications:
Make following hyperlinks (i.e. 5 different web pages):

Formatting Styles and Headings: Include Bold, italics, Underline, Strike, Subscript, superscript and
all six type of headings
Font Styles and Images: Font and Basefont tag, Image tag
Anchor: Internal (linking within page) and External (linking with other documents) links
Marquee: Move text, image and hyperlink
Other tags: br, hr, pre, p, blockquote
Include following specifications:

In all these web pages only mention about use, attributes apply them.
Insert a background image on home page
Insert a marquee showing HTML Tutorial as moving text.
After every tag put a horizontal line
On every page, make a hyperlink for going back to home page.
Coding:
<html>
<head><h1><font color=black><marquee>HTML TUTORIAL</font></marquee></h1>
<title>My HTML Tutorial</title>
</head>
<body background="C:\Users\abc\Desktop\6885827-light-wallpaper.jpg">
<pre>
<imgsrc="C:\Users\abc\Desktop\html-tutorial.png" align=right>
<h1 align=center><b>My HTML Tutorial</b></h1>
<h1 align=center><a href="C:\Users\abc\Desktop\gurnameh\gurnameh (2).html">Formatting styles &

headings</a></h1>
10
<h1 align=center><a href="C:\Users\abc\Desktop\gurnameh\gurnameh.html">Font styles and

images</a></h1>
<h1 align=center><a href="C:\Users\abc\Desktop\gurnameh\gurnameh3.html">HTML tables and

list</a></h1>
</pre>
</body>
</html>
Coding:
<html>
<head><h2><font color=white><marquee>html tutorial</marquee></font></h2>
<title>html tutoial</title>
11
</head>
<body>
<font color="black">
<h1 align=center>"Font sytles and images"</h1>
<h2>"The HTML Style Attribute"</h2>
Setting the style of an HTML element, can be done with the style attribute.
The HTML style attribute has the following syntax:
<imgsrc="C:\Users\abc\Desktop\images.png" align=right>
<pre>
<b>example</b>
<tagname style="property:value;">
<h2>HTML Fonts</h2>
The font-family property defines the font to be used for an HTML element:
<b>Example</b>
<h1 style="font-family:verdana;">This is a heading</h1>
12
<p style="font-family:courier;">This is a paragraph.</p>
<h2>HTML Text Size</h2>
The font-size property defines the text size for an HTML element:
<b>Example</b>
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
<h2>HTML Text Alignment</h2>
The text-align property defines the horizontal text alignment for an HTML element:
<b>Example</b>
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
<h2>HTML Images Syntax</h2>
The <img> tag is empty, it contains attributes only, and does not have a closing tag.
<b>example</b>
<imgsrc="url" alt="some_text" style="width:width;height:height;">
13
<h2>Image Size - Width and Height</h2>
You can use the style attribute to specify the width and height of an image.
The values are specified in pixels (use px after the value):
<b>Example</b>
<imgsrc="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">
Alternatively, you can use the width and height attributes. Here, the values are specified in pixels by
default:
<b>Example</b>
<imgsrc="html5.gif" alt="HTML5 Icon" width="128" height="128">
</pre>
<a href="C:\Users\abc\Desktop\gurnameh\homepage.html">go to home </a>
</body>
14
</html>
Coding:
<html>
<head><font color=white><marquee>html tutorial</font></marquee>
<title>my html tutorial</title>
</head>
<body>
<body background ="C:\Users\abc\Desktop\6885827-light-wallpaper.jpg">
<h1 align="center">"formating styles & headings"</h1><br>
15
HTML also defines special elements for defining text with a special meaning.
HTML uses elements like < b> and <i> for formatting output, like bold or italic text.
Formatting elements were designed to display special types of text:
<pre>
< b> - Bold text
<strong> - Important text
<i> - Italic text
<imgsrc="C:\Users\abc\Desktop\water-html-css-html_2.png" align=right>
<em> - Emphasized text
<mark> - Marked text
<small> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
16
<sup> - Superscript text
<h2 align=html< b>and< strong> elements</h2>
Example
< b>This text is bold</b>
<h3 align=HTML <i> and <em> Elements </h3>
Example
<i>This text is italic</i>
</pre>
<a href="C:\Users\abc\Desktop\gurnameh\homepage.html">go to home </a>
17
Coding:
<html>
<head><font color=white><marquee>html tutorial</marquee></font>
<title>my html tutorial</title>
</head>
<h1 align="center">HTML Tables and List</h1><br>
<h2>Defining an HTML Table</h2>
An HTML table is defined with the < table> tag.
Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table
headings are bold and centered. A table data/cell is defined with the < td> tag.
<imgsrc="C:\Users\abc\Desktop\image002.jpg" align=right>
<pre>
<b>example</b>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
< /tr>
<tr>
<td>Jill</td>
<td>Smith</td>
18
<td>50</td>
< /tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
< /tr>
< /table>
<h2>HTML Table - Adding a Border</h2>
If you do not specify a border for the table, it will be displayed without borders.
A border is set using the CSS border property:
<b>example</b>
table, th, td {
border: 1px solid black;
<h2>HTML Table - Cells that Span Many Columns</h2>
To make a cell span more than one column, use the colspan attribute:
<b>Example</b>
<tr>
<th>Name</th>
<thcolspan="2">Telephone</th>
< /tr>
19
<tr>
<td>Bill Gates</td>
<td>55577854</td>
<td>55577855</td>
< /tr>
< /table>
<h2>HTML Table - Cells that Span Many Rows</h2>
To make a cell span more than one row, use the rowspan attribute:
<b>Example</b>
<tr>
<th>Name:</th>
<td>Bill Gates</td>
< /tr>
<tr>
<throwspan="2">Telephone:</th>
<td>55577854</td>
< /tr>
<tr>
<td>55577855</td>
< /tr>
< /table>
<h2><b>Unordered HTML List</b></h2>
An unordered list starts with the <ul> tag. Each list item starts with the < li> tag.
20
The list items will be marked with bullets (small black circles) by default:
<b>Example</b>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
< /ul>
<h2><b>Ordered HTML List</b></h2>
An ordered list starts with the <ol> tag. Each list item starts with the < li> tag.
The list items will be marked with numbers by default:
<b>Example</b>
<ol>
< li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
< /ol>
</pre>
<a href="C:\Users\abc\Desktop\gurnameh\homepage.html">go to home</a>
</body>
</html>
21
22
ASSIGNMENT 5
Q5. 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
Apply the following specification:
1 Insert the light back color
2 the text in red color
3 Use <h1> for quadratic equation and chemical equation and align in the center
Html code
<html>
<head>
<title>supreet Assignment 3</title>
</head>
<body bgcolor=lightpink>
23
<b><u><h1 align=center><font color=green>QUADRATIC

EQUATION</font></b></u></h1
align= centre><br>
<h2>Inmathematic, a quardratic equation is a polonomial equal of a 2nd
degree.</h2><br>
<h2>The general form is</h2><br>
<pre>
<h4>ax<sup>2+bx+c=0</h4><br>
<h4>a /= 0</h4>
</pre>
<hr>
<b><u><h1 align=center><font color=green>CHEMICAL

EQUATION</font></b></u></h1
align=centre><br>
<pre>
<h4>4H<sub>3</sub>PO<sub>3</sub>=3H<sub>3</sub>PO<sub>4</su
b>+ph<sub>3</sub></h4><br>
</pre>
<pre>
24
<h4>P<sub>new </sub>=P<sub>old</sub>
+x<sup>2</sup>=y<sup>acosx</sup></h4>
</pre>
<hr>
</body>
</html>
25
ASSIGNMENT 6
Q6. Design the following list:
Departments of College
1. Department of Computer Science

B.Sc. Computer Science
M.Sc. computer Science
PGDCA
2. Department of Mathematics
B.Sc. Mathematics
M.Sc. Mathematics
M.Phil. Mathematics
3. Department of Zoology
o B.Sc. Zoology
o M.Sc. Zoology
o M.Phil. Zoology
o Ph.D. Zoology
Apply following parts:

Insert an background image
Display a marquee displaying Admissions open for Ph.D.in Zoology
Use different font styles and colors for departments
Insert horizontal line after every department
Display Departments of College in center with appropriate heading
Code:
<HTML>
<head><title>supreet list assignment6</title></head>
<body bgcolor=lightyellow text=red>
<marquee>Admission open for PHD in zoology</marquee>
<h1 align=center><b><font color=blue style="times new"
>DEPARTMENTS OF COLLEGE </H1></B><hr></font>
26
<OL TYPE="1">
<LI><u>Department of computer science</u></li><br>
<ul type="disc">
<li>Bsc computer science</li>
<li>Msc computer science</li>
<li>PGDCA</li>
</ul>
<hr>
<li><u> Department of Mathematics</u></li><br>
<ul type="square">
<li>Bsc mathematics
<li>Msc mathematics</li>
<li>M.phil mathematics</li>
</ul>
<hr>
<li><u> Department of Zoology</u></li><br>
<ul type="circle">
<li>Msc zoology</li>
<li>Bsc zoology </li>
<li>M.phill</li>
<li>PHD</li>
</ul>
<hr>
</OL>
</BODY>
</HTML>
27
28
Assignment 7
Q7. 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
a. Impact Printer
b. Non Impact Printer

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
Code:
<html>
</head>
<body bgcolor=orange>
<h1 align=center>computer system</h1>
<ol type="1">
<marquee><b><i><u><li>input
devices</li></b></i></u></marquee>
<ol type="i">
<li>keyboard</li>
<li>mouse</li>
<li>joystick</li>
<li>scanner</li>
</ol>
<ol type="a">
<li>flat bed scanner</li>
29
<li>hand held scanner</li>

</ol>
<marquee><b><i><u><li>output
devices</li></b></i></u></marquee>
</ol>
<ol type="i">
<li>monitor</li>
<ol type="a">
<li>LCD</li>
<li>CRT</li>
</ol>
<li>printer</li>
</ol>
<ol type="a">
<li>impact printer</li>
<li>non-impact printer</li>
</ol>
</body>
</html>
30
Assignment 8
Q 8.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
Newspaper & Magazine

o Newspaper
5. The Times of India
6. Hindustan Times
7. Navbharat Times
8. Punjab Kesari
9. DainikJagran
o Magazine
i. Business Times
ii. The Week
iii. India Today
iv. Harvard Business Review
v. Computer World
Put horizontal line after newspaper and magazine
Apply heading tag for newspaper and magazine
Apply base font for whole web page and different colors for subjects of each semester
Apply a background color
Insert marquee tag displaying Newspapers and Magazines
Code :
<HTML>
31
<HEAD><TITLE>Supreet ASSIGNMENT 6 </TITLE></HEAD>

<BODY BGCOLOR=LIGHTBLUE TEXT=BLUE>
<H1><MARQUEE><B><U>FRUITS AND
VEGETABLES</U></B></MARQUEE></H1><BR>
<OL TYPE="A">
<LI>Vegetables</li>
<ul type="disc">
<li>onion</li>
<li>tomato</li>
<li>potato</li>
<li>raddish</li>
</ul>
<hr>
<li>Fruits</li>
<ul type="disc">
<li>mango</li>
<li>apple</li>
<li>guava</li>
<li>banana</li>
</ul>
</ol><hr>
<h2><marquee><b><u>NEWSPAPERS AND
MAGAZINES</marquee></H2></U></B><BR>
<ul type="circle">
<li>Newspaper</li>
<ol type="1" start="5">
<li>times of india</li>
<li>hindustan times</li>
<LI>punjabkesar</li>
32
<li>Dainikjagran</li>
<li>Navbharat times</li>
</ol>
<hr>
<li>Magazines</li>
<ol type="i">
<li>business times</li>
<li>india today </li>
<li>the week</li>
<li>computer world</li>
<li>harvard business review</li>
</ol>
</ul>
<hr>
</body>
</html>
33
Assignment 9
Design the table as follows:
Roll no. Name Course MARKS
1 Simar BBA 96
2 Richa BCOM 78
3 Bhavesh BCA 67
4 Angad BBA 87
5 param BBA 98
CODE:
<HTML>
<HEAD>
<TITLE>SUPREET ASSIGNMENT 9</TITLE>
</HEAD>
<BODY BGCOLOR="RED">
<TABLE BORDER=2 BORDERCOLOR="BROWN" WIDTH=500 HEIGHT=250 ALIGN="CENTER"
BGCOLOR="LIGHTPINK">
<TR alight="center"><TH>ROLL NO.</TH><TH>NAME</TH><TH>COURSES</TH><TH>MARKS</TH></TR>
<TR align="center"><TD>1</TD><TD>SIMAR</TD><TD>BBA</TD><TD>96</TD></TR>
<TR align="center"><TD>2</TD><TD>RICHA</TD><TD>BCOM</TD><TD>78</TD></TR>
<TR align="center"><TD>3</TD><TD>BHAVESH</TD><TD>BCA</TD><TD>67</TD></TR>
<TR align="center"><TD>4</TD><TD>ANGAD</TD><TD>BBA</TD><TD>87</TD></TR>
<TR align="center"><TD>5</TD><TD>PARAM</TD><TD>BBA</TD><TD>98</TD></TR>
</TABLE>
34
35
Assignment 10
Design the following table
University College
student
<html>
<head>
<title>supreet assignment10</title>
</head>
<body bgcolor="lightgreen">
<table border=3 bordercolor="brown" height=500 width=250 align="center" bg color="lightblue">
<tr align="center"><throwspan="2"><font color=red">university</font></th><td>college</td>
<tr align="CENTER"><td>student</td></tr>
</table>
</body>
</html>
36
37
Assignment 11
Assignment 11
Design the following table
university
College student
Coding:
<html>
<head>
</head>
<table border=3 bordercolor="brown" height=500 width=250 align="center" bg color="lightblue">
<tr align="center"><thcolspan="2"><font color=red">university</font></th></tr>
<tr align="center"><td>college</td><td>student</td></tr>
</table>
</body>
</html>
38
39
Assignment 12
Q12. Design tables as follows:
Production
Shoes 500
Bags 800
Shirts 300
Sales
Shoes 400
Bags 200
Shirts 500
Coding:
<html>
<head>
<title>supreet assignment 12</title>
</head>
<table align="center" bgcolor="white" border=2
width=500 height=250>
<tr><thcolspan=2>production</th></tr>
<tr><td align=center>shoes</td><td
align=center>500</td></tr>
<tr><td align=center>bags</td><td
<tr><td align=center>shirts</td><td
40
<tr><thcolspan=2>sales</th></tr>
<tr><td align=center>shoes</td><td
<tr><td align=center>bags</td><td
<tr><td align=center>shirts</td><td
</table>
</body>
</html>
41
Assignment 13
Q13. Design tables as follows:
Roll Marks
Name Course
No Internal External Total
123 Abc BBA 20 60 80
789 Xyz BCA 15 65 80
Coding
<html>
<head>
</head>
<body bgcolor="yellow">
<table align="center" bgcolor="white" border=3
<tr><throwspan=2>roll no</th><th
rowspan=2>name</th><throwspan=2>courses</th><th
colspan=3>marks</th></tr>
<tr><td>internal</td><td>external</td><td>total</td></t
r>
42
<tr><td>123</td><td>abc</td><td>BBA</td><td>20</td><td>
60</td><td>80</td></tr>
<tr><td>789</td><td>xyz</td><td>BCA</td><td>15</td><td>
65</td><td>80</td></tr>
</table>
</body>
</html>
43
Assignment 14
Design the table
Image
semester Subjects
1stsem Pom
Bm
Cf
Be
BBA 2ndsem Bo
Dbms
Qtandqr
Pdcs-2
Coding:
<html>
<head>
</head>
<body bgcolor="purple">
<table align="center" bgcolor=lightpink border=2 bordercolor=brown>
<tr><td colspan=3><imgsrc="C:\Users\student\Desktop
\download.jpg" height=250 width=500></td></tr>

<tr><thcolspan=2>semester</th><th>subject</th></tr>
44
<tr><throwspan=12>bba</th></tr>
<tr><throwspan=6>1st sem</th><tr>
<tr><td>pom</tr></td>
<tr><td>bm</tr></td>
<tr><td>cf</tr></td>
<tr><td>be</tr></td>
<tr><throwspan=8>2nd sem</th></tr>
<tr><td>bo</tr></td>
<tr><td>dbms</tr></td>
<tr><td>qtqr</tr></td>
<tr><td>dbms</tr></td>
</table>
</body>
</html>
45
46
Assignment15
Design this table
IP University Courses
Graduate Post Graduate
BBA BCA B. Tech MBA MCA M. Tech
240 120 100 200 100 80
Coding:
<html>
<head>
</head>
<body bgcolor="pink">
<table align="center" border=3 bgcolor="lightyellow"
<tr><thcolspan=6>IP UNIVERSITY COURSES</th></tr>
<tr><td colspan=3>graduate</td><td colspan=3>post
graduate</td>
<tr><td>BBA</td><td>BCA</td><td>B.TECH</td><td>MBA</td>
<td>MCA</td><td>M.TECH</td></tr>
<tr><td>240</td><td>120</td><td>100</td><td>200</td><td
47
>100</td><td>80</td></tr>
</table>
</body>
</html>
48
Assignment 16
Q16. Design the frames as follows and display any web page in frames:
Coding(a)
<html>
<head>
<title>supreet assignment 16(a)</title>
</head>
<frameset rows="50%,50%">
<frame name="A" src"">
49
<frame name="B" src"">
</frameset>
</html>
Coding(B)
<html>
<head>
<title>supreet assignment 16(b)</title>
</head>
<frameset cols="35%,30%,35%">
<frame name="A"
src="file:///C:/Users/abc/Desktop/f1.html">
50
<frame name="B"
<frame name="c"
</frameset>
</html>
Coding
<html>
<head>
<title>supreet assignment 16(c)</title>
</head>
51
<frame name="A"
src="file:///C:/Users/abc/Desktop/courses.html">
<frameset cols="20%,20%,20%">
<frame name="B"
src="file:///C:/Users/abc/Desktop/BBA.html">
<frame name="c"
src="file:///C:/Users/abc/Desktop/BCA.html">
<frame name="d"
src="file:///C:/Users/abc/Desktop/b.com.html">
</frameset>
</html>
52
Coding (d)
<html>
<head>
<title>supreet assignment 16(d)</title>
</head>
<frameset cols="50%,50%">
<frame name="A" src="">
<frame name="B" src="">
<frame name="c" src="">
</frameset>
</html>
53
Coding(e)
<html>
<head>
<title>supreet assignment 16(d)</title>
</head>
<frameset cols="16%,16%,16%,16%,16%">
<frame name="A"
src="file:///C:/Users/abc/Desktop/a.html">
<frame name="B"
src="file:///C:/Users/abc/Desktop/e.html">
54
<frame name="C"
src="file:///C:/Users/abc/Desktop/I.html">
<frame name="D"
src="file:///C:/Users/abc/Desktop/o.html">
<frame name="E"
src="file:///C:/Users/abc/Desktop/U.html">
</frameset>
<frame name="F"
src="file:///C:/Users/abc/Desktop/vowels.html">
</frameset>
</html>
55
Coding (f)
<html>
<head>
<title>supreet assignment 16(e)</title>
</head>
<frameset rows="20%,20%,20%">
<frame name="A" src="">
<frame name="C" src="">
</frameset>
<frame name="D" src="">
56
</frameset>
</html>
57
Assignment 17
Q17. Design following frame:
PRODUCTS
Mobile Phone Shoes Pen DriveShirt
Description (Product code, Name, Brand, Price,

Image Color, Discount, Offer/Scheme etc.)
Mobile phone, shoes, Pen drive, Shirt will be hyperlinks. If user clicks on any item, its
picture should be displayed in frame 2 and details about the product in frame 3.
Coding of frameset:
<html>
<head>
</head>
<frame name="A" src="file:///C:/Users/abc/Desktop/page1.html">
<frame name="c" src="">
</frameset>
</frameset>
</html>
58
Coding:
<html>
<head>
<title>page1</title>
</head>
<body bgcolor="orange">
<h1 align="center">PRODUCTS</H1>
<pre>
<a
href="file:///C:/Users/abc/Desktop/image1.html"
target=B><font color="black">mobile phones</a>
<a href=""><font
color="black">shoes</a>
<a href=""><font color="black">pendrive</a>
<a href=""><font
color="black">shirt</a>
</pre>
</body>
</html>
Coding:
59
<html>
<head>
<title>mobile phone</title>
</head>
<imgsrc="C:\Users\abc\Desktop\Top-Mobile-Phones.jpg">
<a href="file:///C:/Users/abc/Desktop/about1.html" target=c>description</a>
</body>
</html>
Coding:
<html>
<head>
<title>about</title>
</head>
<p>A mobile phone (also known as a wireless phone, cell phone, or cellular telephone[1]) is a small
portable radio telephone.</p>
</p>The mobile phone can be used to communicate over long distances without wires. It works by
communicating with a nearby base station (also called a "cell site") which connects it to the main
phone network. When moving, if the mobile phone gets too far away from the cell it is connected to,
that cell sends a message to another cell to tell the new cell to take over the call. This is called a
"hand off," and the call continues with the new cell the phone is connected to. The hand-off is done
so well and carefully that the user will usually never even know that the call was transferred to
another cell.</p>
60
<p>As mobile phones became more popular, they began to cost less money, and more people could
afford them. Monthly plans became available for rates as low as US$30 or US$40 a month. Cell
phones have become so cheap to own that they have mostly replaced pay phones and phone booths
except for urban areas with many people.</p>
<p>The modern form of mobile phone is called "Smart Phone". It has become very popular. The
majority of mobile phones made after 2010 are "smartphones". They can be used as computers as
well as making voice calls.</p>
</body>
</html>
61
Assignment 18
Q 18.Design following frame:
MAIN MENU Explanation

-----------
Lists -----------
Tables View Example
Frames Example
Coding:
<html>
<head>
</head>
<frame name="A"
src="file:///C:/Users/abc/Desktop/page1.html">
<frame name="C" src="">
</frameset>
</frameset>
</html>
62
Coding:
<html>
<head>
<title>page 1</title>
</head>
<h1 align="center">MAIN MENU</h1>
<pre>
<A href="file:///C:/Users/abc/Desktop/page2a.html"
target=B><h2 align="center">lists</h2></a>
<a href=""><h2 align="center">tables</h2></a>
<a href=""><h2 align="center">frames</h2></a>

</body>
</html>
63
Coding:
<html>
<head>
<title>page2</title>
</head>
<pre>
HTML offers web authors three ways for specifying lists
of information. All lists must contain one or more list
elements. Lists may contain:
<ul> - An unordered list. This will list items using
plain bullets.
<ol> - An ordered list. This will use different
schemes of numbers to list your items.

<dl> - A definition list. This arranges your items in
the same way as they are arranged in a dictionary.

HTML Unordered Lists
An unordered list is a collection of related items that
have no special order or sequence. This list is created
by using HTML <ul> tag. Each item in the list is
marked with a bullet.
HTML Ordered Lists

If you are required to put your items in a numbered
list instead of bulleted then HTML ordered list will be
used. This list is created by using <ol> tag. The
64
numbering starts at one and is incremented by one for
each successive ordered list element tagged with < li>.

<a href="file:///C:/Users/abc/Desktop/exmples1.html"
target=C>view example</a>
</body>
</html>
Coding:
<html>
<head>
<title>list example</title>
</head>
<h1>examples of list</h1>
<pre>
Example of unordered list
< !DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
< /head>
<body>
65
<ul>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
< /ul>
< /body>
< /html>
example of ordered list
< !DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
< /head>
<body>
<ol>
<li>Beetroot</li>
<li>Ginger</li>
<li>Potato</li>
<li>Radish</li>
< /ol>
< /body>
< /html>
</body>
</html>
66
67
Assignment 19
Q 19. Write a HTML code to create a frame as given below:
BBA BCA
Description Description
MBA MCA
Description Description
Coding:
<html>
<head>
</head>
<frame name="A"
src="file:///C:/Users/abc/Desktop/bbapage1.html">
<frame name="B"
src="file:///C:/Users/abc/Desktop/mba.html">
</frameset>
<frame name="C"
src="file:///C:/Users/abc/Desktop/BCA2.html">
<frame name="D"
src="file:///C:/Users/abc/Desktop/MCA.html">
</frameset>
</html>
68
69
Assignment 20
Q20. Q1. Make an image map as follows:
Internet, Intranet and Image Map

Extranet
Telnet Searching Techniques
Link each part of the map to different web pages with a brief description about each.
Html coding:
<html>
<head>
<title> Assignment</title>
</head>
<body>
<imgsrc="file:///C:/Users/Anil/Downloads/Untitled.png" alt="" usemap="#map1">
<map name="map1">
<area shape="rect" coords="40,48,501,274" href="file:///C:/Users/Anil/Downloads/internet.html"

alt="Internet">
<area shape="rect" coords="40,275,501,496" href="file:///C:/Users/Anil/Downloads/imagemap.html"

alt="Imagemap">
<area shape="rect" coords="501,48,936,274" href="file:///C:/Users/Anil/Downloads/telnet.html"

alt="Telnet">
<area shape="rect" coords="501,274,962,496"

href="file:///C:/Users/Anil/Downloads/searchingtech.html" alt="Searching Technique">
</map>
</body>
</html>
70
Html coding2:
<html>
<head>
<title>S. Assignment</title>
</head>
<body>
<h1 align=center>INTERNET</h1>
<p>Though used on a daily basis by people all around the world, a thorough understanding of what the
internet is lacking for most of its users. The internet can best be seen as a community of computers that
are allowed to connect to each other, and any computer on the internet can connect any other
computer at any time it wishes.</p>
<h1 align=center>INTRANET</h1>
<p>The Internet functions via several major hubs throughout the world, where they connect and are
able to connect to other major hubs. Primarily ordered and managed by the United States, a person
sitting in California that is connected to the internet can access servers anywhere else around the world
that are also connected.</p>
<h1 align=center>EXTRANET</h1>
<p>Internet and an intranet are not always separate and clear cut, and anything that is a blend of the
two is considered an extranet. An extranet is a private intranet (or local network) that is connected to
the Internet, but only allows access to certain information or access by certain groups of people.</p>
</body>
</html>
Html coding3:
<html>
<head>
</head>
<body>
71
In HTML and XHTML, an image map is a list of coordinates relating to a specific image, created in order
to hyperlink areas of the image to different destinations (as opposed to a normal image link, in which
the entire area of the image links to a single destination).
</body>
</html>
Html coding4:
<html>
<head>
</head>
<body>
Telnet is a protocol used on the Internet or local area networks to provide a bidirectional interactive
text-oriented communication facility using a virtual terminal connection. User data is interspersed in-
band with Telnet control information in an 8-bit byte oriented data connection over the Transmission
Control Protocol (TCP).
</body>
</html>
Html coding6:
<html>
<head>
</head>
<body>
This section describes some important methods you can use to search efficiently and effectively. It gives
you guidance on:<br>
using symbols to search for alternative word endings and spellings<br>
combining your concepts in a search statement<br>
72
searching for phrases<br>
performing more specific searches<br>
</body>
</html>
73
Assignment 21
Q21. Make an image map as follows:
Fruits
Birds
Animals
Vegetables
Link each page to their respective details. Eg. If user clicks on fruits the new webpage
opened should have a list of five fruit names.
All the web pages should be designed with proper background color, images, font styles and
headings.
Html coding1:
<html>
<head>
</head>
<body>
<imgsrc="file:///C:/Users/Anil/Documents/Q.21.png" alt="" usemap="#map1">
<map name="map1">
<area shape="circle" coords="219,268,119" href="file:///C:/Users/Anil/Downloads/s21animal.html"

alt="Animals">
<area shape="poly" coords="467,157,586,49,704,156,586,263"

href="file:///C:/Users/Anil/Downloads/s21fruits.html" alt="Fruits">
<area shape="poly" coords="1127,141,1259,425,996,425"

href="file:///C:/Users/Anil/Downloads/s21birds.html" alt="Birds">
<area shape="rect" coords="433,322,814,503" href="file:///C:/Users/Anil/Downloads/s21veg.html"

alt="Vegetables">
74
</map>
<body>
</html>
Html coding2:
<html>
<head>
</head>
<body>
<h1 align=center>ANIMALS</h1>
<center>APE<br>
LION<br>
TIGER<br>
DEER<br>
SNAKE<br>
</center>
</body>
</html>
Html coding3:
<html>
<head>
</head>
<body>
75
<h1 align=center>FRUITS</h1>
<center>APPLE<br>
MANGO<br>
JACKFRUIT<br>
ORANGE<br>
GRAPES<br>
</center>
</body>
</html>
Html coding4:
<html>
<head>
</head>
<body>
<h1 align=center>BIRDS</h1>
<center>BAT<br>
DOVE<br>
EAGLE<br>
KINGFISHER<br>
OWL<br>
</center>
</body>
</html>
76
Html coding5:
<html>
<head>
</head>
<body>
<h1 align=center>VEGETABLES</h1>
<center>Cabbage<br>
Carrot<br>
Ladyfinger<br>
Beetroot<br>
Bottle Gourd<br>
</center>
</body>
</html>
77
78
Assignment 22
Q22. Design following HTML form:
Coding:
<html>
<head>
</head>
<body bgcolor="lightblue">
<form action="file:///C:/Users/student/Desktop/sup2.html">
<pre>
<h1 align="center">new user</h1>
name:<input type="text" name="user name">
<br>
email id:<input type="apha numeric" name="email">
<br>
79
phone no:<input type="number" name="phone">
<br>
GENDER<input type="radio" name="gender" value="male" checked> male
<br>
<input type="radio" name="gender" value="female" checked> female
SPECIALISATION<input type="radio" name="23" value="IT">IT
<input type="radio" name="23" value="MGT" CHECKED>MGT
<input type="submit" value="submit">
<input type="reset" value="reset"
</pre>
</BODY>
</HTML>
80
Assignment 23
Q23. Create a HTML form to store information about the visitor of the website as follows:
Html coding:
<html>
<head>
</head>
<body>
<form action="C:\Users\student\Desktop\thankyou.html">
<table border="2"height="200" width="100" >
<tr align=center><td>E-mail ID</td><td><input type="text" name="1"></td></tr>
<tr align=center><td>Do you use web for:</td><td><input type="checkbox" name="2"
value="Research">Research
<input type="checkbox" name="2" value="Purchase">Purchase</td></tr>
<tr align=center><td>Occupation</td><td><select
name="occupation"><option>Business</option><option>Profession</option><option>Salari
ed Person</option></tr>
<tr align=center><td>want us to send junk mail</td><td><input type="radio" name="4"
value="Absolutely">Absolutely
<input type="radio" name="4" value="No"> No</td></tr>
81
<tr align=center><td colspan="2"><input type="Submit" value="Submit"><input
type="Reset" value="Reset"></td></tr>
</form>
</html>
82
Assignment 24
Q24.create a web page giving different styles to the three paragraph and heading of each paragraph
using in line style sheet.
Coding:
<html>
<head>
<title>Supreet Assignment 24</title>
</head>
<body bgcolor="blue">
<h1 style="font-weight:bold; font-
family:arial,color:green">EXTERNAL
STYLESHEET </h1><br>
<p style="color:white; font-family:arial">Use only one
CSS file for all

the pages </p><br>
<h1 style="font-style:italics;font-
family:impact;color.red">INTERNAL
STYLESHEET</h1><br>
<p style="color.yellow; font-family:impact"> Integrates
CSS comands
into the head section of each document </p><br>
<h1 style="text-decoration:underline; font-
family:arial,color:green">
Inline stylesheet </h1><br>
<p style="color.purple; font-family:calabri"> use the
style attributes to
put CSS code directly into the html element </p><br>
</body>
</html>
83
84
Assignment 25
Q25. create a web page giving different styles to the three paragraph and heading using internal
style sheet.
Html coding:
<html>
<head>
<title>supreet Assignment 25</title>
<style type="text/css">
h1{font-size:40;font-family:Cooper Black;text-align:center;font-weight:bold;text-
decoration:underline;margin-
left:30px;margin-right:30px;color:white;background-color:blue}
h2{font-size:35;font-family:Times New Roman;text-align:center;font-weight:bold;text-
decoration:underline;margin-
left:30px;margin-right:30px;color:white;background-color:blue}
p{font-size:20;font-family:Monotype Corsiva;margin-left:30px;margin-
right:30px;color:white;background-color:black}
body{background-image:url("C:\Users\abc\Desktop\imagedfdff.jpg")}
</style>
<body>
<a id="Go to top"><h1>EVENTS</h1></a>
<h2>Alumni Meet</h2>
<p>To take a walk down the corridors of nostalgia, an Alumni Meet 2016 was organized by
Institute of Innovation in
Technology and Management July 30, 2016. The meet started traditionally with the lighting of lamp
by the chief guest and
was followed by the recital song saraswativandana. The occasion was graced by more than 50
Alumni ranging across various
batches. Speaking on the occasion, the director underlined and praised the achievements of Alumni
of the Institute in all
spheres of life. He felt that it was matter of great pride for the institute that its Alumni are holding
positions of
responsibility in various Government organizations, PSUs, Private sector, Academic Institutions.

Many of them are
successful entrepreneurs providing jobs to others as well. He praised their contribution towards
the growth of their Alma
85
Mater and emphasized the need for further strengthening the linkage between the Alumni and the
Institute.</p>
<h2>Orientation Day</h2>
<p>An orientation programme was organized by IITM-JP on 1st August, 2016, for newly admitted
students of batch 2016-2019.
The main objective of the programme was to enhance the awareness of the students about the
institute. The programme was
started with auspicious lighting of lamp by the Director Prof. C. P. Chawla and Mr. Atul Sharma
followed by Saraswati
Vandana. After this the Director Prof. C. P. Chawla, welcomed the new students and enlightened
them. Dr. Monika
Kulshreshtha, HOD, Management department, highlighted the infrastructure, Dos and Donts and
rules and regulations of the
institute to the students. Mr. Atul Sharma, the chief guest in the occasion, a teacher trainer and
consultant with more
than 30 years of experience enlightened the gathering with words of wisdom on soft skills
necessary for success in
life.</p>
<h2>Annual Day</h2>
<p>Institute of Innovation in Technology and Management celebrated its Annual Day in its campus
on 2nd May 2016. The event
commenced with SaraswatiVandana, lighting of lamp by students. Prof. (Dr.) C.P. Chawla, Director,
Institute of Innovation
in Technology and Management gave speech and discussed the secret of success; he also
highlighted the achievements of the
college in the year 2015-2016</p>

<h2>Farewell</h2>
<p>College Farewell parties are always an exciting affair and bring alive a lot of happy memories.
IINTM organized a
Farewell Party-2k16 to bid adieu to the outgoing students of Batch-2013 on 30th April, 2016 at SK
Westend, JanakPuri. The
function began with a floral welcome of Chief Guests, Ms. Rosy Sharma, Ms. Seema Sharma and Shri
Satya Praksh Ji. Students
presented very entertaining group dance and solo dance performances.</p>

<a href="#Go to top">Go to Top</a><br>
86
</head>
</html>
87
Assignment 26
Q26. create a web page giving different styles to the three paragraph and heading of each paragraph
using multiple styles in an internal style sheet.
<html>
<head>
<title>Supreet Assignment 26</title>
<style type=text/css>
h1{font-size:40;color:pink;font-family:sans-serif;font-weight:bolder;font-style:oblique;text-
align:justify;text-
decoration:overline;text-transform:capitalize;white-space:nowrap}
h1.RULES{font-size:40;color:red;font-family:cursive;font-weight:light;font-style:italic;text-
align:justify;text-
decoration:underline;text-transform:uppercase;white-space:pre}
h1.SERVICES{font-size:40;color:blue;font-family:fantasy;font-weight:lighter;font-style:normal;text-
align:justify;text-
decoration:overline;text-transform:lowercase;white-space:normal}
p.RULES{font-size:20;color:orange;font-family:Monotype Corsiva;font-weight:light;font-
style:italic;text-
align:justify;;text-transform:none;white-space:pre}
</style>
<body>
<h1>LIBRARY RULES</h1>
<p class="RULES">Library Timings
Monday Saturday (8:30 AM 5:30 PM)
For using the library facilities, students are to adhere to the following rules:
1. Identity cards, should be shown, when demanded
2. Book Issued at a Time: Three
3. Books will be issued on Identity card for the period of seven days and should be returned with in
the due date
4. Reference books and journals will not be issued
5. Books can be reserved for issue or for extended use if no other user has demand for the same
book
6. Books borrowed during the examination are to be returned within one week after the exams and
Borrowers are responsible
88
for the safety and upkeep of books

7. Students are to ensure, at the time of issue that the book is in good condition. At the time of
return, no plea about
its bad condition shall be accepted, if returned in damaged/disfigured condition

8.On the loss or damaging/disfiguring a book, the cost of the book will be charged.</p>
<h1 class="SERVICES">LIBRARY SERVICES</h1>
<p class="RULES">Open Access of Documents
Library provides open access of documents to its users. In this service users are free to access the
documents on the
shelves without taking any permission of library personnel.

Circulation Service
It is a conventional service; Library users get the documents issued from the library and take them
home.</p>
<h1 class="RULES">LIBRARY STAFF</h1>
<p class="RULES">Name: Dr. Dipti Gulati
Designation: Head Librarian
Qualification:B.A., BLISc, MLISc, M.Phil, Ph.D, JRF-NET
Experience: 2 years
EmailId: diptigulati.iitm@gmail.com<p>
<h1 class="SERVICES">ABOUT LIBRARY</h1>
<p class="RULES">IINTM Library is a repository of invaluable academic resource for the students &
faculty of Management
and Information Technology. Our library supports the educational programs of the Institute by
providing physical and
intellectual access to educational database and information. With air-conditioned reading room, it
is a modern facility,
well stocked with latest editions of more than 19000 books by eminent authors to fulfill all the
requirements of the
faculty as well as students. In addition, the library has a good collection of CDs and cassettes
containing useful
information on all the fields of study conducted at the institute.

With its unique collection of 17 National and International Journals, the library serves as a resource
center for the
students and faculty and helps them explore in their area of interest. The library has also
subscribed membership for
large number of magazines, E-Journals & DELNET for research purposes. In addition to Issue return
services, the library
89
also provides Book Bank facility to all the students. It also provides the open access to the
bookshelves, using OPAC
(Online Public Access Catalogue). The students and faculty can avail the library services to enrich
their knowledge in
both academic as well as research areas.

</head>
</html>
90
Assignment 27
Q27. create a web page giving different styles to the three paragraph and heading of each paragraph
using multiple styles in an external style sheet.
Coding:
<html>
<link rel=stylesheet type="text/css" href="mystyle.css">
</head>
<h1 class=A>communication</h1>
<p class=A>At the moment the easiest thing that can be done using the internet is that we can
communicate with the people living far away from us with extreme ease. Earlier the communication
used to be a daunting task but all that chanced once internet came into the life of the common
people. Now people can not only chat but can also do the video conferencing. It has become
extremely easy to contact the loved ones who are in some other part of the world. Communication
is the most important gift that the internet has given to the common man. Email, social networking
sites are some of the prime example of it. This is one such gift of the internet which is cherished by
everyone and has made our life easier to much extent.
</p>
<h1 class=B>research</h1>
<p class=B>Now the point that has been placed next is research. In order to do research you need to
go through hundreds of books as well as the references and that was one of the most difficult jobs
to do earlier. Since the internet came into life, everything is available just a click away. You just have
to search for the concerned topic and you will get hundreds of references that may be beneficial for
your research. And since internet is here to make your research public, you can then benefit a large
amount of people from the research work that you have done. Research is one such thing which has
got lots of benefit from this evolution of internet. Research process has now got wings and has
gained the most due to the internet.
</p>
<h1 class=C>education<h1>
<p class=C>The next point that we have in this list is education. Yes you read it right. Education is
one of the best things that the internet can provide. There are a number of books, reference books,
online help centres, experts views and other study oriented material on the internet that can make
the learning process very easier as well as a fun learning experience. There are lots and lots of
websites which are related to different topic. You can visit them and can gain endless amount of
knowledge that you wish to have. With the use of internet for education, you are non-longer
dependent on some other person to come and teach you. There are various number of tutorials
available over the internet using which you can learn so many thing very easily. There cant be any
excellent use of the internet other than education as it is the key to achieve everything in life.
</p>
</body>
</html>
91
Coding2:
h1.communication{text-align:center;color:pink;text-decoration underline}
h1.research{text-align:center;color:purple;text-decoration underline}
h1.education{text-align:center;color:red;text-decoration underline}
p.A{font-family:times new roman;font-weight:bold;font-style:italic}
p.B{font-family:arial;font-normal;font-weight:style:normal}
p.C{font-family:times new roman;font-weight:bolder;font-style:italic}
92

Assignment 2

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Assignment 2

Hochgeladen von

Copyright:

Verfügbare Formate

CA-II PRACTICAL FILE

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

<body text=white bgcolor=blue><p>Bold<br>

<b>< b> is used to bold the text</b><br><hr>

<i><i> is used to italics the text</i><br><hr>

<u>< u> is used to underline the

<p><h1 align=center>Heading 1</h><br>

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

<head><title>supreet assignment 2</title>

To become a succesful business representative.<br><hr>

<pre>Class School Board Percentage<br>

10 s.smotasingh model school CBSE 85<br>

12 s.smotasingh model school CBSE 86<br>

first position in presentation skills.

second position school hockey competition.<br><hr>

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

36124401715 [Type text] [Type text]

Make following hyperlinks (i.e. 5 different web pages):

Include following specifications:

<head><h1><font color=black><marquee>HTML TUTORIAL</font></marquee></h1>

<title>My HTML Tutorial</title>

<h1 align=center><b>My HTML Tutorial</b></h1>

<h1 align=center><a href="C:\Users\abc\Desktop\gurnameh\gurnameh (2).html">Formatting styles &

36124401715 [Type text] [Type text]

<h1 align=center><a href="C:\Users\abc\Desktop\gurnameh\gurnameh.html">Font styles and

<h1 align=center><a href="C:\Users\abc\Desktop\gurnameh\gurnameh3.html">HTML tables and

<head><h2><font color=white><marquee>html tutorial</marquee></font></h2>

36124401715 [Type text] [Type text]

<h1 align=center>"Font sytles and images"</h1>

<h2>"The HTML Style Attribute"</h2>

The HTML style attribute has the following syntax:

<h1 style="font-family:verdana;">This is a heading</h1>

36124401715 [Type text] [Type text]

<p style="font-family:courier;">This is a paragraph.</p>

<h2>HTML Text Size</h2>

<h1 style="font-size:300%;">This is a heading</h1>

<p style="font-size:160%;">This is a paragraph.</p>

<h2>HTML Text Alignment</h2>

<h1 style="text-align:center;">Centered Heading</h1>

<p style="text-align:center;">Centered paragraph.</p>

<h2>HTML Images Syntax</h2>

<imgsrc="url" alt="some_text" style="width:width;height:height;">

36124401715 [Type text] [Type text]

<h2>Image Size - Width and Height</h2>

The values are specified in pixels (use px after the value):

<imgsrc="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">

<imgsrc="html5.gif" alt="HTML5 Icon" width="128" height="128">

<a href="C:\Users\abc\Desktop\gurnameh\homepage.html">go to home </a>

36124401715 [Type text] [Type text]

<head><font color=white><marquee>html tutorial</font></marquee>

<title>my html tutorial</title>

<body background ="C:\Users\abc\Desktop\6885827-light-wallpaper.jpg">

<h1 align="center">"formating styles & headings"</h1><br>

36124401715 [Type text] [Type text]

Formatting elements were designed to display special types of text:

< b> - Bold text

<strong> - Important text