BCA 1a A Abahahahabqbqja Awhwhba

1
MATA GUJRI COLLAGE, FATHGARH SAHIB
Practical File For HTML DHTML
Submitted by: Submitted to:

Abhishek Mr. Birinder Singh Sarao
BCA-1 B Assistant Professor
______________________________________________
P.G Department of COMPUTER SCIENCE
2
.INDEX .
Sr Program Name Page No. Remarks

No,
1. First web page for name 4 02/08/2023

2. Use of B,I, U, Sub and Sup script 5 04/08/2023
3. Use some tags like: hr, pre, font 6 07/08/2023
(face,size and color), mark, small.
4. Using some tags like; Marquee,Deleting 7 08/08/2023

words,Bolding,Italicizing,Underlining,
5. Detail demo of Marquee tag 8 08/08/2023
6. Order list 9,10 09/08/2023

7. Unorder list (Parents tree) 11,12 10/08/2023
8. Image formating 13 10/08/2023
8. Description list 14 11/08//2023
9. Linking text 15 14/08/2023
10. Image as link 16 18/08/2023
11 (Body Tag Detail Description) 17 21/08/2023
12 (Table In HTML) 18 22/08/2023
13 Table test 19,20 24/08/2023

3
Sr No, Program Name Page No. Remarks

14. Table spacing and padding 22,23 15/08/2023
15. Input 24 04/09/2023

16. Form 25 05/02/2023
17. Form For Car selection 26,27 11/09/2023
18 Table Practice 28 20/09/2023
19. Form Inside Table 29,30 03/10/2023
20 Registration Form 31,32 05/10/2023

21. Security 33 03/10/2023
22. CSS Style 34 04/092023
23. CSS Internal Stylesheet 35,36 09/10/2023
24. External css 37 17/10/2023
25. CSS Font 38,39 19/10/2023
26. CSS Text 40,41 22/10/2023
27. CSS Background 42,43 27/10/2023

4
Web page for name

(Code)
<html>
<head>
<title> basic Needs</title>
</head>
<body bgcolor=#545436>
<h1 align=center> <b>Good House for li<sup>ving</sup> in well
and reputed socirty </h1><b>
<h1 align=lest> <i>Car as a medium of trasport for commercial
use</h1> </i>1
<h1 align=center> <b>Food for <sub>living</sub> as it is
importing thing</h1></b>
<h1 align=right> <u>goosd fanily and friends for god life </h1>
</u>
</body>
</html>
(Result)
5
B,I, U, Sub and Sup script

(Code)
<html>
<head>
<title> basic Needs</title>
</head>
<h1 align=center> <u> Mathamatic formula's </h1> </u>
<h1 align=center> a <sup>2</sup> + b <sup> 2 </sup> = 2ab
</h1>
<h1 align=center> a<sup>2 </sup> + b <sup> 2 </sup> + c
<sup>2 </sup> = (a + b + c)<sup>2 </sup> -2ab
<h1 align=center> H<sub>2</sub>O </h1>
</body>
</html>
(Result)
6
Tags: hr, pre, font (face,size and color), mark, small.
(Code)
<html>
<head>
<title> Tags (hr, pre, font face size color) </title>
</head>
<body bgcolor=green>
<font color=darkgrey size= 33 face="Times New Roman">
<hr>
<pre>
Day 5, Date:07/08/2023
hello guys,
<b>Today we have learn who to use some tags like: hr, pre font face,size and color </b>
<mark>And practise the use of <b>Bold</b> </mark>
<u> underline </u>
<i> Italic</i>
<mark> Marking Tag </mark>
USE FOR HIGHLIGHTING
<Small> use for smalling text</Small>
<pre> pre tag for entering at every place where we use space </pre>
<Hr> for blank line
<sup> super script tag for shifting the tag to uppar part </sup>
<sub> sub script tag for shifting the tag to lower part </sub>
</pre>
</body>
</html>
(Output)
7
Tags like; Marquee,Deleting words,Bolding,Italicizing,Underlining,
(Code)
<html>
<head>
<title> Use of tags 3</title>
</head>
<body bgcolor=grey>
<pre>
<font size=+8>
<marquee scrollamount=20 direction= left> Tag demmo for marquee tag</marquee>
use for deleting words
<strike> strike tag </strike>
<del> delete </del>
<s> strike (s) tag </s> marquee, strike, del,s,strong,
Bolding Tags
<b> Bold </b>
<strong> for stronging or bolding the text but less effective than bold tag </strong>
For Italicing
<i> italic text </i>
<em> for italic the text but less effective than italic </eM>
Underling tags
<ins> Hello inserted text</ins>
<u> For Underling text </u>
</pre>
</body>
</html> (Result)
8
Detail demo of Marquee tag

(Code)
<html>
<head>
<title> Use of tags 3</title>
</head>
<body bgcolor=grey>
<pre>
<font size=+8>
Tag demo for Marquee tag for: height, width, color, scrollamount, speed,
direction,loop
<marquee speed=40% loop=3 width=30% height=50% bgcolor=white
scrollamount=20 direction=Up > Tag demmo for marquee tag</marquee>
</pre>
</body>
</html>
(Result)
9
Order list
(Code)
<html>
<head>
<title> tags use for list </title>
</head>
<body BGCOLOR=GREY >
<h1 align=center > Abhishek </h1>
<h2 align=center> 232748 </h2>
Department of College:
<OL type=1 start=1>
<LI> AGRICULTURE </LI>
<ol TYPE=a >
<li> B.Sc(hons.) Agri </li>
<li> B.Sc(Agro) </li>
<li> M.Sc(fruit Sci.)</li>
</ol>
<LI> BIO-TECH</LI>
<ol TYPE=a >
<li> B.Sc(hons.) bio tec </li>
<li> M.Sc(Agro) </li>
</ol>
<LI> COMPUTER SCIENCE</LI>
<ol type=a>
<li> Bca </li>
<li> B.voc </li>
<li> Mca </li>
<li> Mc. It </li>
</ol>
<LI> PUNJABI</LI>
<LI> HINDI</LI>
<LI> POL SCIENCE</LI>
<LI> ENGLISH</LI>
</OL>
</body>
</html>
10
(Output)
11
Unorder list
<html>
<head>
<title> unordered list </title>
</head>
<body bgcolor=blue>
<font face=Times New Roman color=yellow>
<h3 align=center> <mark> Abhishek </mark></h3>
<h3 align=center> <mark>232748</mark></h3>
<marquee speed=50% bgcolor=white direction=right> <font color=blue> <h1
align=center> <b>menue </b></font> </h1> </marquee>
<ul>
<li> caffe </li>
</ul>
<ol>
<li> milk</li>
<OL TYPE=a>
<LI> tea </LI>
<ul>
<LI> simple tea </LI>
<LI> green tea </LI>
<LI> black tea</LI>
</ul>
<LI> cofee </LI>

<ul>
<LI> hott coffe </LI>
<LI> cold coffe </LI>
</ul>
</OL>
</body>
</html>
(Output)
12
Image formatting
(Code)
<html>
<head>
<title> Image formate </title>
</head>
<body bgcolor=grey>
<pre>
<div align=center>
<font size=+100 >Image Formating
<marquee>
13
<img align=left src="mg.jpg"> </marquee>

<marquee direction=right ><img align=right
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ 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">
</marquee>
<img
src="data:image/jpeg;base64,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">
</div>
</font>
</body>
</html>
(Result)
Description list
(Code)
<html>
<head>
<title> tags use for list </title>
</head>
<body BGCOLOR=GREY >
<h1 align=center > abhishek </h1>
14
<h2 align=center> 232748</h2>

<hr>
<dl>
subject o computer science:
<dt> bca 1st</dt>
<dd> it stand for bacholar for computer science</dd>
</dl>
</body>
</html>
(Output)
Linking text
(Code)
<html>
<head>
<title> links in html </title>
</head>
15
<pre>
<h1 align=center > Links demo </h1>
<a href="faded.html"> New page </a>
<a href="google.jpg"> google </a>
</body>
</html>
(Output)
16
(IMAGE AS LINK)
(Code)
<html>
<head>
<title> </title>
</head>
<body bgcolor=grey>
<h1 align=center><u>Abhishek</h1>
<h1 align=center> 232748 </u> </h1><hr>
<h1 align=center> Image as link </h1><br>
<font size=+5> <a href="css font.css"> hlo </font><br>
<img href="" src="shinchan.jpg" ></a>
</body>
</html>
(Output)
17
(Body Tag Detail Description)

Use of vlink, alink, in body tag
(Code)
<html>
<head>
<title> body tags </title>
</head>
<body background="sky.jpeg" vlink="white" alink="yellow" >
<font size=+2>
<h1 align="center"> Abhishek</h1>
<h1 align="center"> 232748</h1>
<hr>
<a href="shinchan.jpg"> Html project </a>
</body>
</html>
(Output)
18
(Table In HTML)
(Code)
<html>
<head>
<title> Table in html</title>
</head>
<body bgcolor=grey text=white>
<h1 align="center"> Abhishek </h1>
<hr>
<table border=2>
<tr>
<th> Rollno. </th> <th> Name</th> <th> class</th> <th> Remarks</th>
</tr>
<tr>
<td> 232654</td> <td> Chirag </td> <td> BCA-I </td> <td>Good student
</td>
</tr>
<tr>
<td> 232631</td> <td> piyush </td> <td> BCA-I </td> <td>Good student
</td>
</tr>
<tr>
<td> 232656</td> <td> vishal</td> <td> BCA-I </td> <td>Good student
</td>
</tr>
<tr>
<td> 232655</td> <td> Manshu </td> <td> BCA-I </td> <td>Good student </td>
</tr>
<tr>
<td> 232648</td> <td> Simar </td> <td> BCA-I </td> <td>Good student </td>
</tr>
<tr>
<td> 232625</td> <td> Gazal </td> <td> BCA-I </td> <td>Good student </td>
</tr>
<tr>
<td> 232626</td> <td> Rahul </td> <td> BCA-I </td> <td>Good student </td>
</tr>
19
</body>
</html>
(Output)
(TABLE EXAMPLE)
(Code)
<HTML>
<HEAD>
<TITLE> Rowspan & Colspsan Demo</TITLE>
</HEAD>
<BODY bgcolor=#786755>
<hr>
<Table border=1>
<tr bgcolor=grey >
<th colspan=10> BCA-I B </th>
20
</tr>
<tr bgcolor=green >
<th rowspan=2> Name </th> <th rowspan=2> Rollno. </th>
<th colspan=2> Html </th> <th colspan=2> English </th>
<th colspan=2> Phython</th> <th colspan=2> IT </th>
</tr>
<tr bgcolor=grey>
<th> Internal </th>
<th> external</th>
<th> Internal </th>
<th> external</th>
<th> Internal </th>
<th> external</th>
<th> Internal </th>
<th> external</th
</tr>
<tr bgcolor=green>
<th> Chirag </th>
<th> 232654</th>
<th> 80 </th>
<th> 80</th>
<th> 80 </th>
<th> 80 </th>
<th> 80</th>
<th> 80 </th>
<th> 80 </th>
<th> 80</th>
</tr>
<tr bgcolor=green>
<th> piyush </th>
<th> 232631</th>
<th> 90 </th>
<th> 90</th>
<th> 90 </th>
<th> 90 </th>
<th> 90</th>
<th> 90 </th>
<th> 90 </th>
<th> 90</th>
</tr>
21
<tr bgcolor=green>
<th> Rahul</th>
<th> 232652</th>
<th> 80 </th>
<th> 80</th>
<th> 80 </th>
<th> 80 </th>
<th> 80</th>
<th> 80 </th>
<th> 80 </th>
<th> 80</th>
</tr>
</BODY>
</HTML>
(Output)
22
(Table Test)
(Code)
<html>
<head>
<title> test</title>
<body bgcolor=grey>
<h1 align="center">Abhishek</h1>
<h1 align="center">232748</h1>
<hr>
<table border=2 align=center width=50% height=50%>
<caption> BCA-I </caption>
<tr bgcolor=blue bgcolor=blue>

<th colspan=5> 5c </th>
</tr >
<tr bgcolor=blue>
<td colspan=1> 1c </td> <th colspan=1> 1c </td> <td rowspan=6> 6r
</td><td colspan=1> 1c </td> <td colspan=1> 1c </td>
</tr >
<tr>
<td rowspan=3> 3r </td> <td colspan=1> 1c </td> <td rowspan=5 colspan=2>
5r 2c</td>
</tr>
<tr >
<td colspan=1> 1c </td>
</tr>
<tr>
<td colspan=1> 1c </td>
</tr >
<tr>
<td colspan=2> C2 </td>
</tr>
<tr>
<td colspan=1> 1c </td> <td colspan=1> 1c </td>
</tr>
</body>
</html>
23
(Output)
(Table spacing and padding)

(Code)
<html>
<head>
<title> table demo </title>
</head>
<body bgcolor=grey>
<h1 align=center> Abhishek </h1>
<hr>
<table border=5 bgcolor=white bordercolor=red cellspace= cellpedding= >
<caption> demo </caption>
<tr>
<th>
24
<table border=2 width=100%>

<tr>
<td> Abhi1</td> <td> Abhi2 </td>
</ tr> <tr>
<td> Abhi3 </td> <td> Abhi4 </td>
</table>
<td colspan=1> Abhi5 </td> <td rowspan=7> Abhi6 </td> <td> Abhi
7</td>
</tr>
<td colspan=3 > Abhi8 </td> <td> Abhi9 </td>
</tr>
<tr>
<th colspan=2 rowspan=2>
<table border=2 width=100% >
<tr> <td> Abhi10 </td> <td> Abhi11 </td> </tr>
<tr> <td> Abhi15 </td> <td> Abhi16 </td> </tr>
</table>
<tr>
<th>
<tr> <td> Abhi12 </td> <td> Abhi13 </td> <td> Abhi14 </td> </tr>
</table>
<tr> <td> Abhi17 </td> <td> Abhi18 </td> <td> Abhi19 </td> <td> Abhi20
</td> </tr>
</table>
<tr>
<th width=25%>
<table border=2 height=50%>
<tr > <td > Abhi21 </td> <td> Abhi22 </td> </tr>
</table>
<th>
<table border=2>
</table>
<th>
<table border=2>
<td> Abhi29 </td> <td> Abhi30 </td> <td> Abhi31 </td> <td> Abhi32
</td>
</th> </table></tr>
25
<tr>
<th>
<table border=2 >
<tr > <td > Abhi23 </td> <td> Abhi24 </td> </tr>
</table>
<td>
<table border=2>
</table>
<th>
<table border=2>
<td> Abhi33 </td> <td> Abhi34 </td> <td> Abhi35 </td> <td> Abhi36
</td>
</th> </table>
<tr>
</body>
</html>
(output)
26
Input
(Code)
<html>
<head>
<title> text </title>
</head>
<body bgcolor=grey>
<h1 align=center> Abhishek</h1>
<hr>
<form>
<label for="uname"> Username </label>
<input type="text" id="uname" name="uname" value="Abhishek"><br>
<label for="pass"> Password </label>
<input type="password" id="pass" name="pass"> <br>
<input type="submit" value="submit Query">
</form>
</body>
</html>
(Output)
27
(Form)
(Code)
<html>
<head>
<title> forms in html</title>
</head>
<body bgcolor=grey>
<hr>
<form>
<label for="unam">username:</label>
<input type="text" id="unam" name="unam" value="Required"
minlength=”3” maxlength=”5” ><br>
<label for="pass">password:</label>
28
<input type="password" id="pass" name="pass" value="press me"><br>

<label for="email">Email:</label>
<input type="email" id="email" name="email" value="press me"><br>
<label for="dob">Date of birth:</label>
<input type="date" id="dob" name="dob"><br>
<label for="gen">Gender:</label>
Male: <input type="radio" id="gen" name="gen">
Female: <input type="radio" id="gen" name="gen"> Other: <input
type="radio" id="gen" name="gen"><br>
<label for="sal">salary:</label>
<input type="number"><br>
<input type="submit">
</form>
</body>
</html>
(Output)
29
( Form for cars selection)

(Code)
<html>
<head> <title> forms</title></head>
<body bgcolor="grey">
<hr>
<form>
<lable for="hob" > Hobbies </lable>
<input type="checkbox" name="h"> playing
<input type="checkbox" name="h"> singing
<input type="checkbox" name="h"> Reading
<input type="checkbox" name="h"> Dancing
<input type="checkbox" name="h"> Swiming
<input type="checkbox" name="h"> Painting <br>
<textarea row="4" cols="25"> Krengelnglen </textarea> <br>
Cars:
<select>
<option> maruti </option>
<option> Honda </option>
<option selected> BMW </option>
<option> Audi </option>
<option> Hundai </option>
<option> Tata </option>
<option> Kia</option>
</select>
<input type="submit" value="Submit query">
</form>
</body>
</html>
30
(Output)
(Table Practice)
(Code)
<html>
<head>
<title> table</title>
</head>
31
<hr>
<table align=center border=2 cellpadding=10%>
<tr>
<td rowspan=2 length=100%> Rollno </td> <td colspan=2> Python </td>
<td colspan=2> html </td> <td colspan=2> IT </td> <td colspan=2> English
</td>
</tr>
<tr>
<td> internal</td> <td> external</td> <td> internal</td> <td>
external</td><td> internal</td> <td> external</td><td> internal</td> <td>
external</td>
</tr>
<tr>
<td> 232655 </td> <td> 80 </td> <td> 90 </td> <td> 80 </td> <td> 90
</td><td> 80 </td> <td> 90 </td><td> 80 </td> <td> 90 </td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
</tr>
</body>
</html>
(Output)
32
(Form Inside table)

(Code)
<html>
<head> <title> form Iside table</title></head>
<body bgcolor="#00343" text="White">
<hr>
<form>
<table border="2"bgcolor="#555555">
<tr>
<td> <label for="fnam">first name </label></td>
33
<td><input name="fnam"></td>
</tr>
<tr>
<td> <label for="inam">last name </label></td>
<td><input name="inam"></td>
</tr>
<tr>
<td> <label for="fnam">father name </label></td>
<td><input name="fnam"></td>
<tr>
<td> <label for="ads">address </label></td>
<td><textarea></textarea></td>
</tr>
<tr>
<td> <label for="date">date </label></td>
<td> <input type="date" id="date"></td>
</tr>
<tr>
<td> <label for="gen">gender</label></td>
<td> <input type="radio" name="gender"
value="male">male</td>
<td> <input type="radio" name="gender"
value="female">female</td>
</tr>
<tr>
<td><p><input type="submit"
value="submit"></p></td>
</tr>
</table>
</form>
</body>
</html>
(Output)
34
Registration Form
(Code)
<html>
<head>
<title> Form </title>
</head>
<body bgcolor="#959595">
<hr>
<table>
<form>
<table border="2" bgcolor="#555555">
<tr>
<td colspan="2"> Registration Form</td>
</tr>
<tr>
35
<td> <label for="name">Enter name

</label></td>
<td><input name="name"></td>
</tr>
<tr>
<td> <lable for="pass"> password </lable> </td>
<td> <input type="password" id="pass" > </td>
</tr>
<tr>
<td> <lable for="add"> Enter
Address</lable></td>
<td> <input name="add"></td>
</tr>
<tr>
<td> <lable for="game"> Enter Game
</lable></td>
<td> <input type="checkbox" > Hockey <br>
<input type="checkbox"> Football <br>
<input type="checkbox"> Cricket <br>
<input type="checkbox"> volleyball <br>
<input type="checkbox"> Badminton <br>
</td>
</tr>
<tr>
<td> <lable for="gen"> Gender </td>
<td> <input type="radio" value="Male"
name="Gender"> Male
<input type="radio" value="Female"
name="Gender"> Female</td>
</tr>
<tr>
<td> <lable for="age"> Select Your Age </td>
<td> <Select>
<option> Select</option>
<option> 10 </option>
<option> teen </option>
<option> 18+</option>
<option> above 40</option>
</Select> </lable> </td>
</tr>
36
<tr>
<td> Select Photo</td>
<td> <input type="file" > </td>
</tr>
<tr>
<td colspan="2">
<input type="reset">
<input type="button" value="click me " >
</td>
</tr>
</body>
<html>
(Output)
37
Security
(Code)
<html>
<head>
<title>Form</title></head>
<body>
<form method="post" action="https://www.google.com/">
<label for="unam">Username:</label>
<input type="text"><br>
<label for="pass">Password:</label>
<input type="password"><br>
</form>
</body>
</html>
(Output)
1.
2.
38
(CSS style)
(Code)
<html>
<head>
<title>inline style</title>
<style>
h1{color: rgb(35, 43, 45);}
p {text-align: center}
</style>
</head>
<body bgcolor="#59685+">
<h1 style="text-align: center;">heading one</h1>
<h1 style="text-align: center;">heading two</h1>
<h1>heading three</h1>
<h1 style="text-align: center;">heading one</h1>
<p style="color: rgb(255, 0, 8); font-size:medium;
background-color: rgb(255, 251, 127) ;border-color:rgb(0, 255,
30);font-weight:bolder;">this paragraph one text hello my name is what how
can i helpthis paragraph one text hello my name is
</body>
</html>
39
(Output)
CSS Internal Stylesheet

(Code)
<html>
<head>
<title>Internal stylesheet</title>
<style>
#one{
text-align: center;
color: grey;
background-color:aquamarine;
}
.ten{
text-align: right;
color: coral;
background-color: blue;
}
40
h2,h3{
font-size: medium;
text-align: left;
color: blueviolet;
}
h4{
background-color: aquamarine;
color: blue;
}
*{background-color: #54364;}
</style>
</head>
<body>
<h1 id="one">Abhishek 1</h1>
<h1 class="ten">Abhishek 2</h1>
<h1 id="one">Abhishek 4</h1>
<h2>Abhishek 6</h2>
<h3>Abhishek 7</h3>
<h4>Abhishek 8</h4>
<p id="one" >I am a Nelneraj Hello, Abhishek This side.
Today i am here to describe you about diff. Ways to use style tag in
appropriate and most easy way with the help of CSS. By constructing
another page or space of css in visual studio we can programm the ode to
do its work in easy way. </p>
</body>
</html>
(Output)
41
External css
(Code)
(CSS written)
h1,h4{
color:green;
}
#one{
text-align: center;
}
.two{
background-color: coral;
}
*{
font-size: large;
}
\
42
(HTML Written)
<html>
<head>
<title>css1</title>
<link rel="stylesheet" href="css font.css">
</head>
<h1> <marquee> Abhishek </marquee></h1>
<h2 id="one" class="two">Hello Everyone</h2>
<h3 class="two"> How are you</h3>
<h4> Nice to meat you Everyone</h4>
<body>
</body>
</html>
Output
43
CSS Font
(Code)
(CSS written)
#l{
color: blue;
}
.g{
font-family:cursive, 'Times New Roman', Times, serif;
}
#l1{
font-variant: small-caps;
}
h1{
font-style: italic;
}
h2{
font-size: xx-large;
}
h3{
font-weight: bold;
}
(HTML Written)
<html>
<head>
</head>
<body>
<h1>Hello hows going</h1>
<h2> Hope doing great</h2>
<h3>I am a student of BCA(1)</h3>
<p class="g"> Whats your class</p>
<p id="l"> Ohh gr8, You are from Bcom.</p>
<p class="g"> Nice to meet you, see you soon</p>
44
</body>
</html>
(Output)
CSS Text
(Code)
(CSS written)
.n{
color: aquamarine;
45
}
.n1{
text-align: right;
background-color: coral;
}
.n2{
text-decoration: underline;
}
.n3{
text-transform: capitalize;
}
.n4{
text-indent: 190px;
}
.n5{
text-shadow:2px 7px goldenrod;
}
#n6{
letter-spacing: 20px;
}
#n7{
line-height: 29%;
}
#n8{
direction: rtl;
}
#n9{
word-spacing: 0cqmax;
}
(HTML Written)
<html>
<head>
46

</head>
<body>
<h1 class="n"> Hello</h1>
<h2 class="n1"> Hello Hello </h2>
<h3 class="n2"> Hello Hello Hello </h3>
<h4 class="n3"> Abhishek this side </h4>
<h5 class="n4"> How are you </h5>
<h6 class="n5"> Hope doing great</h6>
<p id="n6"> Hows going</p>
<p id="n7"> Hows going </p>
<p id="n8"> Data from right to left</p>
<p id="n9"> Thanks</p>
</body>
</html>
(Output)
47
CSS background
(Code)
(HTML Written)
<html>
<head>
<title> css background-color </title>
<link rel="stylesheet" href="background.css">
</head>
<body>
<h1 > Abhishek</h1>
<h1> 232748</h1>
<hr>
<p id="c" > <pre> Abhishek this side,Abhishek this side,Abhishek
this side,Abhishek this side,Abhishek this side,Abhishek this
side,Abhishek this side,Abhishek this side,Abhishek this side,Abhishek
this side,Abhishek this side,Abhishek this side,Abhishek this
side,Abhishek this side, </p>
<p id="r"> hello </p>
</body>
</html>
(output)
(CSS written)
h1{
align:center;
}
#c{
background-color:cyan;
48
font-family: Georgia, 'Times New Roman', Times, serif;

}
#r{
background-color:black;
color:cyan;
}
body{
background-image: url("hi.jpg");
background-position: center ;
background-size: 50%;
background-color:deepskyblue;
background-repeat: no-repeat;
}
(Output)

BCA 1a A Abahahahabqbqja Awhwhba

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

BCA 1a A Abahahahabqbqja Awhwhba

Uploaded by

Copyright:

Available Formats

1

MATA GUJRI COLLAGE, FATHGARH SAHIB

Practical File For HTML DHTML

Submitted by: Submitted to:

Sr Program Name Page No. Remarks

1. First web page for name 4 02/08/2023

4. Using some tags like; Marquee,Deleting 7 08/08/2023

5. Detail demo of Marquee tag 8 08/08/2023

6. Order list 9,10 09/08/2023

12 (Table In HTML) 18 22/08/2023

13 Table test 19,20 24/08/2023

Sr No, Program Name Page No. Remarks

15. Input 24 04/09/2023

19. Form Inside Table 29,30 03/10/2023

20 Registration Form 31,32 05/10/2023

24. External css 37 17/10/2023

25. CSS Font 38,39 19/10/2023

26. CSS Text 40,41 22/10/2023

27. CSS Background 42,43 27/10/2023

Web page for name

B,I, U, Sub and Sup script

Tags: hr, pre, font (face,size and color), mark, small.

Tags like; Marquee,Deleting words,Bolding,Italicizing,Underlining,

Detail demo of Marquee tag

<LI> cofee </LI>

<img align=left src="mg.jpg"> </marquee>

<h2 align=center> 232748</h2>

(Body Tag Detail Description)

<tr bgcolor=blue bgcolor=blue>

(Table spacing and padding)

<table border=2 width=100%>

<input type="password" id="pass" name="pass" value="press me"><br>

( Form for cars selection)

(Form Inside table)

<td> <label for="name">Enter name

CSS Internal Stylesheet

<link rel="stylesheet" href="css font.css">

font-family: Georgia, 'Times New Roman', Times, serif;

You might also like