Scribd
Upload
19K views

College Bca HTML Practical File

The document provides examples of HTML code to create various elements on a web page, including: 1. Text formatting tags like <b>, <i>, and <u> 2. Font properties like color, face, and size 3. Paragraph tags <p> and line breaks <br> 4. Nested lists using <ol> and <ul> 5. Image tags <img> with height and width 6. Tables with rows, columns, borders, and images in cells 7. Table rowspan and colspan attributes 8. Forms such as an admission form using input fields 9. Frames with rows, columns, and borders.

Uploaded by

Bharat Singh
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
19K views

College Bca HTML Practical File

The document provides examples of HTML code to create various elements on a web page, including: 1. Text formatting tags like <b>, <i>, and <u> 2. Font properties like color, face, and size 3. Paragraph tags <p> and line breaks <br> 4. Nested lists using <ol> and <ul> 5. Image tags <img> with height and width 6. Tables with rows, columns, borders, and images in cells 7. Table rowspan and colspan attributes 8. Forms such as an admission form using input fields 9. Frames with rows, columns, and borders.

Uploaded by

Bharat Singh
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 29

Html File Submitted By Ranjeet Singh

Html File Submitted By Ranjeet Singh

INDEX
S.No Topic 1 Write a codes to create a web page using following tags: a) Text b) Marquee c) Character formatting tags such as B , I , U. 2 Write a codes to create a web page using font Color , font face , font size ,background color. Write a codes to create a web page using Paragraph tags such as P tag and BR tag. Write a codes to create a web page using Nesting of lists. Write a codes to create a web page using Image tags with height and width and also Used for background image. Write a codes to create a web page using Table tags a)Create table of 3 rows and Columns b)Having border , border size, border color c)Image in a particular cell. Write a codes to create a web page using Table tags a)Using rowspan and columnspan b)Background Image in a table. Write a codes to create a web page using Form tag. Example:- Admission Form. Create a web page using frame tag a)rows And columns b)border and border color.
2

Example Ex-1

Ex-2

EX-3

Ex-4

Ex-5

Ex-6

Ex-7

Ex-8

Ex-9

Html File Submitted By Ranjeet Singh

Html File Submitted By Ranjeet Singh

Example -1
<html> <head> <title>Text Tag</title> </head> <body> <h><br><br><marquee> <b><i><u>STUDENT LIFE </b></i></u> </marquee></h> </body></html>

Html File Submitted By Ranjeet Singh

Html File Submitted By Ranjeet Singh

Example -2
<html> <head><title>Font Tag</title></head> <body bgcolor="FFFFOO"> <br><br><br> <font face="comic sans MS" size="15" color="red"> BBK DAV COLLEGE </font> <br><br> <font face="georgia" size="13" color="blue"> KHALSA COLLEGE </font> </body></html>

Html File Submitted By Ranjeet Singh

Html File Submitted By Ranjeet Singh

Example -3
<html> <head><title>Paragraph Tag</title></head> <body><br><br><br> <p align="center"> Sweentened carbonated beverages, such as <br><b> Coco Cola,Pepsi,Fanta ,Limca </b>,have <br> attained <u> world-wide </u> popularity. </p> </body></html>

Html File Submitted By Ranjeet Singh

Html File Submitted By Ranjeet Singh

Example -4
<html> <head><title>nested list</title> </head> <body><h><b><u><fontsize="13"> Types Of Printers</b></u> </font></h> <b> <ol type=A> <li>Impact Printers <ol type=1> <li>CharacterPrinters <ul type=square><li>Dot matrix <li>Ink jet printer </ul> <li>Line Printers <ul type=square> <li>Chain printers <li>Drum printers </ul> </ol> <li>Non-Impact Printers

10

Html File Submitted By Ranjeet Singh

11

Html File Submitted By Ranjeet Singh

<ul type=circle> <li>Laser printers <li>Wax printers <li>Electrostatic printers </ul> </ol></b></body></html>

12

Html File Submitted By Ranjeet Singh

13

Html File Submitted By Ranjeet Singh

14

Html File Submitted By Ranjeet Singh

15

Html File Submitted By Ranjeet Singh

Example -5
<html> <head><title>Image Tag </title></head> <body background= "F:\TASVEER\New Folder\29.jpg"> <img src="F:\TASVEER\NewFolder\ 023.jpg" height=200 width=340> </body></html>

16

Html File Submitted By Ranjeet Singh

17

Html File Submitted By Ranjeet Singh

Example -6
<html> <head><title>Table Tag</title> </head><body><br><br><br> <table border=7 bordercolor="blue" align="center"> <tr><th>TITLE OF<br>BOOKS</th> <th>AUTHORS</th><th>COST</th> </tr> <tr><td>DHTML</td> <td background="F:\TASVEER\Cute Child\baby4.jpg" height=50 width=40>A.POWELL</td> <td>Rs.200</td> </tr> <tr><td>SAD</td><td>AWAD</td> <td>Rs.385</td></tr> </table> </body></html>

18

Html File Submitted By Ranjeet Singh

19

Html File Submitted By Ranjeet Singh

Example -7
<html> <head><title>Table Span</title> <head><body><br><br><br> <table background="F:\TASVEER\Cute Child\baby1.jpg" border=20 align="center"> <tr><th colspan=5>INFORMATION ABOUT BOOKS</th> </tr> <tr><th>TITLE OF<br>BOOKS</th><th>AUTHORS </th> <th>EDITION 1</th> <th>EDITION 2</th> <th>EDITION 3</th></tr> <tr><td rowspan=2>NUMERICAL METHODS</td> <td>R.SSALARIA</td><td>1997</td> <td>1999</td><td>2003</td> </tr> <tr><td>C.JOSHI</td><td>1998</td> <td>2001</td><td>2005</td> </tr> <tr><td rowspan=2>ANSI C</td>
20

Html File Submitted By Ranjeet Singh

21

Html File Submitted By Ranjeet Singh

<td>B.G SAMY</td> <td>1996</td><td>1999</td> <td>2002</td></tr> <tr><td>R.S SALARIA</td><td>1994</td> <td>2000</td> <td>2005</td> </tr> </table> </body></html>

22

Html File Submitted By Ranjeet Singh

23

Html File Submitted By Ranjeet Singh

Example -8
<html> <head><title>form</title> </head><body> <p align="center"> <b><u>ADMISSION FORM</b></u> </p><form><br> <input type="text" name="name" value="Default-value" size="25" maxlength="30">NAME<br><br> <input type="password" name="passwd" size="25" maxlength="30">PASSWORD<br><br> <input type="text" name="address" size="25" maxlength="30"> ADDRESS<br><br><br> <input type="radio" name="sex" value="male" checked>MALE<br> <input type="radio" name="sex" value="female">FEMALE <br><br><br> <input type="checkbox" name="vehical" value="vehical" checked>OWN VEHICAL<br>

24

Html File Submitted By Ranjeet Singh

25

Html File Submitted By Ranjeet Singh

<input type="checkbox" name="hostel" value="hostel">HOSTEL REQUIRED<br><br><br>

<select name="citizen"> <option value="Jammu">Jammu <option value="Delhi" selected>Delhi <option value="Keral">Keral <optionvalue="Mumbai">Mumbai </select>CITIZEN <br><br><br> <p align="center"> <input type="submit" value="SUBMIT"> <input type="reset" value="RESET"> </form> </body></html>

26

Html File Submitted By Ranjeet Singh

27

Html File Submitted By Ranjeet Singh

Example -9
<html> <head><title>Frame</title> </head> <frameset border=30 frameborder=1 bordercolor="red" rows="20%,*,2*"> <frame src="font.html"> <frame src="stu.html"> <frameset border=30 frameborder=1 bordercolor="red" cols="50%,50%"> <frame src="table1.html"> <frame src="form.html"> </frameset></frameset> </html>

28

Html File Submitted By Ranjeet Singh

SESSON 2013-2014

Html Practical File

Name Roll No Class Subject

---------

Ranjeet Singh 709 BCA-1 Computer Networking & Internet Tech.

Subject Code

---

104(A) Submitted to :-Mrs. Isha Mahajan


29

You might also like