Scribd Logo
Upload

Welcome to Scribd!

  • Document From Vikram

    Uploaded by

    lokeshmalik92
    17 views24 pages
    The document provides details of 9 HTML programs. Program 1 demonstrates the use of physical and block level elements like fonts, colors, sizes etc. Program 2 creates an unordered list with different types. Program 3 creates an ordered list with different numbering styles. Program 4 shows a nested list. Program 5 uses a definition list. Program 6 inserts an image. Program 7 creates frames. Program 8 makes a table. Program 9 builds an application form using various input elements.

    Original Description:

    Original Title

    Document from Vikram (1)

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides details of 9 HTML programs. Program 1 demonstrates the use of physical and block level elements like fonts, colors, sizes etc. Program 2 creates an unordered list with different types. Program 3 creates an ordered list with different numbering styles. Program 4 shows a nested list. Program 5 uses a definition list. Program 6 inserts an image. Program 7 creates frames. Program 8 makes a table. Program 9 builds an application form using various input elements.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    17 views24 pages

    Document From Vikram

    Uploaded by

    lokeshmalik92
    The document provides details of 9 HTML programs. Program 1 demonstrates the use of physical and block level elements like fonts, colors, sizes etc. Program 2 creates an unordered list with different types. Program 3 creates an ordered list with different numbering styles. Program 4 shows a nested list. Program 5 uses a definition list. Program 6 inserts an image. Program 7 creates frames. Program 8 makes a table. Program 9 builds an application form using various input elements.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 24

    INDEX

    Sr.No. NAME OF PRACTICALS REMARKS


    1. Use of Physical and Block level
    elements
    2. Unordered List

    3. Ordered List

    4. Nested List

    5. Definition List

    6. Use of Image Tag

    7. Creating Frames

    8. Creating a Table

    9. Create an Application Form


    PROGRAM NO. 1
    USE OF PHYSICAL AN BLOCK LEVEL ELEMENTD

    <HTML>

    <HEAD>

    <TITLE>USE OF PHYSICAL AND BLOCK LEVEL ELEMENTS </TITLE>

    <BODY BGCOLOR="054951">

    <FONT SIZE="18" COLOR="YELLOW"

    FACE="ALGERIAN"><B><U><I><MARQUEE>MATHS
    FORMULA</MARQUEE></I></U></B></FONT><BR>

    <FONT SIZE="16" COLOR="YELLOW" FAC"PAPYRUS"><B><U>Formula1 </B></U></FONT><BR>

    <FONT SIZE="14" COLOR="WHITE"><BIG>A<SUP>2</SUP>-


    B<SUP>2</SUP></BIG>=<SMALL>(A+B)</SMALL><BIG>(A-B)</BIG></FONT><BR>

    <FONT SIZE="16" COLOR="YELLOW" FAC"PAPYRUS"><B><U>Formula 2</B></U></FONT><BR>

    <FONT SIZE="14" COLOR="WHITE">1-


    SIN<SUP>2</SUP>X<SUB>1</SUB>=<BIG>COS</BIG><SUP>2</SUP>X<SUB>1</SUB><BR>

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 1.1
    PROGRAM NO. 2
    UNORDERED LIST

    <HTML>

    <HEAD>

    <TITLE>USE OF UNORDERED LIST</TITLE>

    <BODY>

    <B>USE OF TYPE ATTRIBUTE IN UNORDERED LIST</B>

    <H2>OSI MODEL LAYER</H2>

    <UL>

    <LI>PHYSICAL LAYER

    <LI>DATA LINK LAYER

    <LI>NETWORK LAYER

    <LI>TRANSPORT LAYER

    <LI>SESSION LAYER

    <LI>PRESENTATION LAYER

    <LI>APPLICATION LAYER

    </UL>

    <H3>DATA BASE MODEL</H3>

    <UL TYPE="SQUARE">

    <LI>HIERARCHICAL MODEL
    <LI>NETWORK MODEL

    <LI>RELATIONAL MODEL</UL>

    <H4>INTERNET TOOLS</H4>

    <UL TYPE="CIRCLE">

    <LI>TELNET

    <LI>FTP

    <LI>ARCHIE

    <LI>GOPHER

    </UL>

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 2.1
    PROGRAM NO. 3
    ORDERED LIST

    <HTML>

    <HEAD>

    <TITLE>USE OF ORDERED LIST</TITLE>

    <BODY>

    <B><U>USE OF TYPE ATTRIBUTE IN ORDERED LIST</U></B><BR><BR><BR>

    <B><I><U>NUMBER LIST</U></I></B>

    <H2>OSI MODEL LAYER</H2>

    <OL>

    <LI>PHYSICAL LAYER

    <LI>DATA LINK LAYER

    <LI>NETWORK LAYER

    <LI>TRANSPORT LAYER

    <LI>SESSION LAYER

    <LI>PRESENTATION LAYER

    <LI>APPLICATION LAYER</OL>

    <BR><B><I><U>UPPERCASE ALPHABET LIST</U></I></B>

    <H3>DATA BASE MODEL</H3>

    <OL TYPE="A">
    <LI>HIERARCHICAL MODEL

    <LI>NETWORK MODEL

    <LI>RELATIONAL MODEL

    <LI>OBJECT ORIENTED MODEL</OL>

    <BR><B><I><U>LOWERCASE ROMAN NUMBER LIST</U></I></B>

    <H4>INTERNET TOOLS</H4>

    <OL TYPE="I">

    <LI>TELNET

    <LI>FTP

    <LI>ARCHIE

    <LI>GOPHER</OL>

    <BR><B><I><U>UPPERCASE ROMAN NUMBER LIST</U></I></B>

    <H5>NORMAL FORMS</H5>

    <OL TYPE="I">

    <LI>FIRST NORMAL FORM

    <LI>SECOND NORMAL FORM

    <LI>THIRD NORMAL FORM

    <LI>BOYCE NORMAL FORM</OL>

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 3.1

    FIG 3.2
    PROGRAM NO. 4
    NESTED LIST
    <HTML>

    <HEAD>

    <TITLE>EXAMPLE OF NESTED LIST</TITLE>

    <BODY><OL><LI>DATA DEFINITION COMMANDS

    <UL><LI>CREATE

    <LI>ALTER

    <LI>DROP<>/UL

    <LI>DATA MANIPULATION COMMANDS

    <UL TYPE="SQUARE">

    <LI>INSERT

    <LI>DELETE

    <LI>UPDATE

    <LI>SELECT</UL>

    <LI>DATA CONTROL COMMANDS

    <UL TYPE="CIRCLE">

    <LI>GRANT

    <LI>REVOKE</UL></OL>

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 4.1
    PROGRAM NO. 5
    DEFINITION LIST
    <HTML>

    <HEAD>

    <TITLE>DEFINITION LIST</TITLE>

    <BODY>

    <H3><U><B>USE OF DEFINITION LIST</B></U></H3>

    <DL><DT>SUPER KEY

    <DD> an attribute that uniquely identifies each tuple in a relation.

    <DT>CANDIDATE KEY

    <DD> there must be more than one attributes in a relation such that they recognise a tuple
    uniquely (i.e. each of the attribute have the property of primary key).

    <DT>PRIMARY KEY

    <DD> candidate key selected to uniquely identify all other attribute values in any given relation.

    <DT>SECONDARY KEY

    <DD> an attribute that identify a set of rows based on value.

    <DT>ALTERNATE KEY

    <DD> we choose one primary key from candidate key. Now candidate key which is not primary
    key is called alternate key.

    <DT>FOREIGN KEY

    <DD> it is an attribute of a relation that is primary key of another relation. </DL>

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 5.1
    PROGRAM NO. 6
    USE OF IMAGE TAG

    <HTML>

    <HEAD>

    <TITLE>USE OF IMAGE TAG</TITLE>

    <BODY>

    <H3><B><U><CENTER>USE OF IMAGE TAG</CENTER></U></B></H3>

    <IMG SRC="FLOWER.jpg" HEIGHT=200 WIDTH=300 HSPACE=300 VSPACE=50 BORDER=5


    ALT="FLOWER">

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 6.1
    PROGRAM NO. 7
    CREATING A FRAME

    <HTML>

    <FRAMESET COLS="50%,50%">

    <FRAME SRC="E1.HTML">

    <FRAMESET ROWS="50%,*">

    <FRAME SRC="E6.HTML">

    <FRAME SRC="E5.HTML">

    </FRAMESET>

    </FRAMESET>

    </HTML>
    OUTPUT:

    FIG 7.1
    PROGRAM NO. 8
    CREATING A TABLE

    <TABLE BORDER="5" HEIGHT="300" WIDTH="500" ALIGN="CENTER" VALIGN="MIDDLE">

    <CAPTION ALIGN="CENTER"><B><U>TEACHER</U></B></CAPTION>

    <TR ALIGN=CENTER>

    <TH ALIGN=CENTER COLSPAN=4>TEACHER TABLE</TH>

    </TR>

    <TR ALIGN=CENTER>

    <TH>DEPARTMENT</TH>

    <TH>TEACHER CODE</TH>

    <TH>NAME</TH>

    <TH>SALARY</TH>

    </TR>

    <TR>

    <TD ROWSPAN=3>MSc.I</TD>

    <TD>1001</TD>

    <TD>USHA</TD>

    <TD>17000</TD>

    </TR>
    <TR>

    <TD>1002</TD>

    <TD>PRATIBHA</TD>

    <TD>15000</TD>

    </TR>

    <TR>

    <TD>1003</TD>

    <TD>AMIT</TD>

    <TD>16000</TD>

    </TR>

    <TR>

    <TD ROWSPAN=3>MSc.II</TD>

    <TD>2050</TD>

    <TD>ROHINI</TD>

    <TD>16000</TD>

    </TR>

    <TR>

    <TD>2051</TD>

    <TD>SEEMA</TD>

    <TD>19000</TD>

    </TR>
    <TR>

    <TD>2052</TD>

    <TD>MINA</TD>

    <TD>18000</TD>

    </TR>

    </TABLE>
    OUTPUT:

    FIG 8.1
    PROGRAM NO. 8
    CREATING AN APPLICATION FORM

    <HTML>

    <HEAD>

    <BODY>

    <B><U><CENTER>ADMISSION FORM</CENTER></U></B><BR>

    NAME:<INPUT TYPE="TEXT" NAME="TEXT NAME"><BR><BR>

    FATHER NAME:<INPUT TYPE="TEXT" FATHER NAME="TEXT FATHER NAME"><BR><BR>

    MOTHER NAME:<INPUT TYPE="TEXT" MOTHER NAME="TEXT MOTHERNAME"><BR><BR>

    CLASS:<INPUT TYPE="TEXT" CLASS="TEXT CLASS"><BR><BR>

    ADDRESS:<INPUT TYPE="TEXT" ADDRESS="TEXT ADDRESS"><BR><BR>

    PHONE NO:<INPUT TYPE="TEXT" PHONE NO.="TEXT PHONE NO." SIZE="10"><BR><BR>

    LOGIN ID:<INPUT TYPE="TEXT" NAME="TEXT LOGIN"><BR><BR>

    PASSWORD:<INPUT TYPE="PASSWORD" NAME="TEXT" SIZE="20"><BR><BR>

    GENDER<BR>

    <INPUT TYPE="RADIO" NAME="OPTION1" VALUE="MALE">MALE<BR>

    <INPUT TYPE="RADIO" NAME="OPTION2" VALUE="FEMALE" CHECKED>FEMALE<BR>

    <INPUT TYPE="RADIO" NAME="OPTION3" VALUE="OTHERS">OTHERS<BR><BR>

    QUALIFICATION<BR>

    <SELECT NAME="QUL">

    <OPTION VALUE="10TH">10TH

    <OPTION VALUE="12TH">12TH
    </SELECT><BR><BR><BR>

    ATTACHED FILES<BR>

    <INPUT TYPE="CHECKBOX" NAME="OPTION1" VALUE="10TH">10TH<BR>

    <INPUT TYPE="CHECKBOX" NAME="OPTION2" VALUE="12TH">12TH<BR>

    <INPUT TYPE="CHECKBOX" NAME="OPTION3" VALUE="OTHERS">OTHERS<BR><BR><BR>

    <INPUT TYPE="SUBMIT" NAME="SUBMIT" VALUE="SUBMIT">

    <INPUT TYPE="RESET" NAME="RESET" VALUE="RESET">

    </BODY>

    </HEAD>

    </HTML>
    OUTPUT:

    FIG 9.1

    You might also like