Scribd
Upload
60 views

Assign 2 HTML Prac

The document contains code for multiple HTML pages and elements including: 1) Tables with borders to display student data and course syllabus information. 2) Frames code to divide pages into sections. 3) Links, images, videos, audio and forms. 4) Homepage code with navigation links in frames. The document provides examples of key HTML elements and structures.

Uploaded by

Eric Thomas
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
60 views

Assign 2 HTML Prac

The document contains code for multiple HTML pages and elements including: 1) Tables with borders to display student data and course syllabus information. 2) Frames code to divide pages into sections. 3) Links, images, videos, audio and forms. 4) Homepage code with navigation links in frames. The document provides examples of key HTML elements and structures.

Uploaded by

Eric Thomas
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 12

ASSIGNMENT-2

ERIC THOMAS
21-BCA-078
<!DOCTYPE html>
<html lang="en">
 
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>
HTML table border Attribute
</title>
</head>

<body>
<table border="1">
<caption> <b>HTML Table Border Attribute</b></caption>

<tr>
<th>NAME</th>
<th>AGE</th>
<th>Department</th>
<th>Year</th>
</tr>
<tr>
<td>Eric</td>
<td>18</td>
<td>BCA</td>
<td>First</td>
</tr>
<tr>
<td>Ram</td>
<td>19</td>
<td>BSC</td>
<td>Second</td>
</tr>
</table>
</body>

</html>
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>
BCA HTML Syllabus
</title>
</head>

<body>
<table border="1">
<caption> <b>Internet and HTML</b></caption>

<tr>
<th>Unit</th>
<th align="center">Unit Name </th>

</tr>
<tr>
<td>I</td>
<td><b>Introduction To Internet</b>
<ul>

<li> Internet Applications and Services</li>


<li> Internet Security</li>
<li> Search Engines</li>
</ul>
</td>

</tr>
<tr>
<td>II</td>
<td><b>Introduction to HTML</b>
<ul>
<li> HTML </li>
<li> Working with list </li>
<li> Working with Links </li>
</ul>
</td>

</tr>
<tr>
<td>III</td>
<td><b>Advanced HTML</b>
<ul>
<li> Working with table </li>
<li> Working with Frames </li>
<li> Working with Images </li>
<li> Working with Forms </li>
</ul>
</td>
</tr>
<tr>
<td>III</td>
<td><b>HTML5</b>
<ul>
<li> Introduction to HTML5</li>
<li> New Structure </li>
<li> New Form Elements and Attributes </li>
<li> Browser support , migration html4 to html 5 </li>
<li> The <!DOCTYPE html> Element</li>
<li> Introduction to new elements in HTML 5 </li>
<li> The Markup Elements using </li>
<li> The Media Elements </li>
<li> HTML Graphics </li>
</ul>
</td>
</tr>
</table>
</body>

</html>
<!DOCTYPE html>
<html>

<head>
<title>HTML Frames</title>
</head>

<frameset rows = "30%,30%,30%" >


<frame name = "top" src="frame1.html" >
<frame name = "main" src="frame2.html">
<frame name = "bottom" src="frame3.html">

<noframes>
<body>Your browser does not support frames.</body>
</noframes>

</frameset>

</html>

<!DOCTYPE html> <!DOCTYPE html> <!DOCTYPE html>


<html lang="en"> <html lang="en"> <html lang="en">
<head> <head> <head>
<title>Document</title> <title>Document</title> <title>Document</title>

</head> </head> </head>


<body bgcolor="red"> <body bgcolor="blue"> <body bgcolor="green">
<h1>Frame 1</h1> <h1>Frame 2</h1> <h1>Frame 3</h1>
</body> </body> </body>
</html> </html> </html>
<!DOCTYPE html>
<html>

<head>
<title>HTML Frames</title>
</head>

<frameset cols = "25%,50%,25%">


<frame name = "left" src = "frame1.html" >
<frame name = "center" src = "frame2.html" >
<frame name = "right" src = "frame3.html" >

<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>

</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Link</title>

</head>
<body alink="red" vlink="green">
<p><a href="https://sxca.edu.in/">Xavier's Website</a></p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width= , initial-scale=1.0">
<title>Document</title>
</head>
<body bgcolor="lightblue">
<h1>Job Application Form</h1>

<form action="#">
<h3>Personal Information:</h3>
First Name <input type="text" name="fname" placeholder="Enter First Name" required>
Last Name <input type="text" name="lname" placeholder="Enter Last Name" required>
Middle Name <input type="text" name="mname" placeholder="Enter Middle Name" required>

<br><br>

<table>
<tr>
<td>Current Addres</td>
<td>Permanent Addres</td>

</tr>
<tr>
<td><textarea name="" id="" cols="30" rows="10" placeholder="Enter Your Current Address" required></textarea></td>
<td><textarea name="" id="" cols="30" rows="10" placeholder="Enter Your Current Address" required></textarea></td>

</tr>
</table>
<br>

<p><strong>Contacts:</strong></p>

Mobile NO. <input type="number" maxlength="10" required>


Alternate Mobile NO. <input type="number" maxlength="10" required>
Email Adress <input type="email" name="" id="" required>
<br><br><br>
Upload CV <input type="file" name="" id="" required>

<p><strong>Position:</strong></p>

Manager <input type="radio" name="position" id="" required>


Accountant <input type="radio" name="position" id=""required>
Secretary <input type="radio" name="position" id=""required>

<br><br>

<p><strong>Are You Currently Employed:</strong></p>

Yes <input type="radio" name="Currently" id=""required>


No <input type="radio" name="Currently" id="" required>

<p><strong>Start Date:</strong></p>

<input type="date" name="" id="" required>

<p><strong>Avaibility</strong></p>

Monday<input type="checkbox" name="" id="">


Tuesday<input type="checkbox" name="" id="">
Wednesday<input type="checkbox" name="" id="">
Thursday<input type="checkbox" name="" id="">
Friday<input type="checkbox" name="" id="">
Saturday<input type="checkbox" name="" id="">

<br><br>

<input type="submit" value="Submit">


<input type="reset" value="Reset">
</form>
</body>
</html>
<!DOCTYPE html>
<html>

<body>
<center>

<h2>Image Attribute</h2>
<a href="https://www.manutd.com/">
<img src="mufc.jpg"
alt="mufc"
width="400"
ismap
>
</a>
</center>
</body>

</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="mufc.jpg" alt="Manchester United" width="500">
<img src="https://th.bing.com/th/id/OIP.W8apTKARTqVhmLzMCisNmAHaEs?pid=ImgDet&rs=1" alt="SKY">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video src="icestupa.mp4" controls loop muted poster="mufc.jpg" width="1000"></video>
<iframe width="560" height="315" src="https://www.youtube.com/embed/2QR11oDukn4" title=
"YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<audio src=""></audio>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>

<title>Home</title>
</head>

<frameset cols="25%,75%" >

<frame name = "left" src = "frame1.html" >


<frame name = "right" src = "frame2.html" >

</frameset>

</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body bgcolor="black" vlink="#FFD700" alink="#FFD700" align="Center">

<img src="zaverat.jpeg" alt="" width="400"><br>


<b><font color="#FFD700"size="6" >

<u>Home</u> <br><br>
<a href="#">ABOUT US</a><br><br>
<a href="#">GOLD JEWELLERY</a><br><br>
<a href="#">SILVER JEWELLERY</a><br><br>
<a href="#">PLATINUM JEWELLERY</a><br><br>
<a href="#">DIAMOND JEWELLERY</a><br><br>
<a href="#">CONTACT US</a><br><br>

</font></b>
</body>
</html>

Type your text


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body bgcolor="">
<a href="https://zaverat.in/gold_jewellery.html"><img src="https://zaverat.in/img/Jewellery-gold2.jpg" alt="gold_jewellery" height="500">
</a>

<a href="https://zaverat.in/gold_jewellery.html">
<img src="https://i.pinimg.com/736x/af/76/9d/af769db58d89049c892d72982c7d7d04.jpg" alt="gold_jewellery" height="500">
</a>

<a href="https://zaverat.in/gold_jewellery.html">
<img src="https://th.bing.com/th/id/OIP.Djw6CR4BUNLVzmcWVBJHnAHaHa?pid=ImgDet&rs=1" alt="gold_jewellery" height="500" width="521">
</a>

<a href="https://zaverat.in/silver_%20jewellery.html">
<img src="Web capture_23-2-2022_14747_zaverat.in.jpeg" alt="silver_jewellery" width="1400"></a><
<a href="https://zaverat.in/platinum_jewellery.html"><img src="Web capture_23-2-2022_14929_zaverat.in.jpeg" alt="platinum_jewellery" width="1400">
</a>
<a href="https://zaverat.in/diamond_%20jewellery.html"><img src="Web capture_23-2-2022_141147_zaverat.in.jpeg" alt="diamond_jewellery" width="1
</a>

</body>

</html>

You might also like