Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Upload

Welcome to Scribd!

  • 13 views

    This Practicle

    Uploaded by

    sanjaijsu09
    The document contains coding examples and outputs for various HTML tags. It includes examples of formatting tags, table tags, image tags, links, lists, forms, and cascading style sheets. The examples demonstrate how to use bold, italic, underline, superscript, and subscript tags. It also shows the use of rowspan and colspan in tables, as well as cellpadding, cellspacing, and adding images to tables. Examples of ordered lists, unordered lists, definition lists, links, and forms are provided. Finally, it demonstrates external, internal, and inline stylesheets.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd

    This Practicle

    Uploaded by

    sanjaijsu09
    13 views32 pages
    The document contains coding examples and outputs for various HTML tags. It includes examples of formatting tags, table tags, image tags, links, lists, forms, and cascading style sheets. The examples demonstrate how to use bold, italic, underline, superscript, and subscript tags. It also shows the use of rowspan and colspan in tables, as well as cellpadding, cellspacing, and adding images to tables. Examples of ordered lists, unordered lists, definition lists, links, and forms are provided. Finally, it demonstrates external, internal, and inline stylesheets.

    Original Description:

    Original Title

    this practicle

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains coding examples and outputs for various HTML tags. It includes examples of formatting tags, table tags, image tags, links, lists, forms, and cascading style sheets. The examples demonstrate how to use bold, italic, underline, superscript, and subscript tags. It also shows the use of rowspan and colspan in tables, as well as cellpadding, cellspacing, and adding images to tables. Examples of ordered lists, unordered lists, definition lists, links, and forms are provided. Finally, it demonstrates external, internal, and inline stylesheets.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    13 views32 pages

    This Practicle

    Uploaded by

    sanjaijsu09
    The document contains coding examples and outputs for various HTML tags. It includes examples of formatting tags, table tags, image tags, links, lists, forms, and cascading style sheets. The examples demonstrate how to use bold, italic, underline, superscript, and subscript tags. It also shows the use of rowspan and colspan in tables, as well as cellpadding, cellspacing, and adding images to tables. Examples of ordered lists, unordered lists, definition lists, links, and forms are provided. Finally, it demonstrates external, internal, and inline stylesheets.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Download as docx, pdf, or txt
    of 32

    AMITY INTERNATIONAL SCHOO

    COMPUTER APPLICATION
    PRACTICAL FILE

    NAME: ARUSH CHANDRA


    ROLL NO: 11
    CLASS: 10 B
    1: FORMATTING TAGS
    CODING
    <html>
    <head>
    <title> FORMATTING TAGS </title>
    </head>
    <body>
    <p> The following word uses a
    <b>bold</b>typeface.</p>
    <p> The following word uses a
    <I>ITALLIC </I>TYPEFACE.</p>
    <p>The following word uses an
    <u>underlined</u>typeface.</p>
    <p>The following word uses a
    <sup>superscript</sup>typeface.</p>
    <p>The following word uses a
    <sub>subscript</sub>typeface.</p>
    </body>
    </html>
    OUTPUT

    2 : TABLE TAG – USE OF COLSPAN AND


    ROWSPAN
    A)ROWSPAN
    CODING
    <html>
    <head><title>HTML </title>
    </head>
    <body>
    <table border="1">
    <tr>
    <td>ITEM 1</td><td rowspan=2>ITEM
    2</td><td>ITEM 3</td>
    </tr>
    <tr>
    <td>ITEM 4</td><td>ITEM 5</td>
    </tr>
    </table>
    </body>
    </HTML>
    OUTPUT

    B)COLSPAN
    CODING
    <html>
    <head><title>HTML </title>
    </head>
    <body>
    <table border="1">
    <tr>
    <td>ITEM 1</td>
    <td colspan=2>ITEM 2</td>
    </tr>
    <tr>
    <td>ITEM 3</td><td>ITEM
    4</td><td>ITEM 5</TD>
    </tr>
    </table>
    </body>
    </HTML>
    OUTPUT

    3: TABLE TAG – USE OF CELLPADING


    CODING
    <HTML>
    <HEAD><TITLE></TITLE>
    </HEAD>
    <BODY>
    <TABLE BORDER=1
    CELLPADING=10>
    <TR>
    <TD>Red</TD>
    <TD>Green</TD>
    <TD>Blue</TD>
    </TR>
    <TR>
    <TD>Orange</TD>
    <TD>Yellow</TD>
    <TD>Purple</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>
    OUTPUT

    4: USE OF CELLSPACING

    CODING
    <HTML>
    <HEAD><TITLE></TITLE>
    </HEAD>
    <BODY>
    <TABLE BORDER=1
    CELLSPACING=10>
    <TR>
    <TD>Red</TD>
    <TD>Green</TD>
    <TD>Blue</TD>
    </TR>
    <TR><TD>Orange</TD>
    <TD>Yellow</TD>
    <TD>Purple</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>

    OUTPUT

    5: IMAGE IN A TABLE

    CODING
    <HTML>
    <HEAD><TITLE></TITLE>
    </HEAD>
    <BODY>
    <table border=’’3’’>
    <tr>
    <td><img src=" C:\Users\dell1\Desktop\
    MEGHALAYA.jpg ></td>
    <td><img src="C:\Users\dell1\Desktop\
    MEGHALAYA.jpg’’ ></td>
    </TR>
    </table>
    </BODY>
    </HTML>
    OUTPUT
    6: ANCHOR TAG

    CODING

    <html>
    <head> <title>LINK</title>
    </head>
    <body>
    <p>Click on <a href="https://
    www.javatpoint.com/" target="_blank">
    this-link </a>to go on home page of Java
    point.</p>
    </body>
    </html>

    OUTPUT
    7: ORDERED LIST

    CODING
    <html>
    <head>
    <title>HTML - ol tag</title>
    </head>
    <body>
    <ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    </ol>
    <p>Changing type of ordered list.</p>
    <ol type="A">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    </ol>
    </body>
    </html>
    OUTPUT
    8: UNORDERED LIST

    CODING
    <Html>
    <title>HTML - ul tag</title>
    </head>
    <body>
    <ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    </ul>
    <p>Changing type of unordered list.</p>
    <ul type="A">
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
    </ul>
    </body>
    </html>
    OUTPUT

    10 : DEFINITION LIST OR NESTED LIST

    CODING
    <html>
    <head><title>HTML - dl tag</title>
    </head>
    <body>
    <h1>dl tag is used to create
    descrpionlist.</h1>
    <dl>
    <dt>HTML</dt>
    <dd>A markup language</dd>
    <dt>CSS</dt>
    <dd>A language to design
    webpages</dd>
    <dt>JavaScript</dt>
    <dd>A scripting language</dd>
    </dl>
    </body>
    </html>
    OUTPUT
    11: EXTERNAL CASCADING STYLE SHEET

    CODING
    <html>
    <head>
    <link rel="stylesheet"
    href="styles.css">
    </head>
    <body>

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    </html>
    OUTPUT
    12: INTERNAL CASCADING STYLE SHEET
    CODING
    <html>
    <head>
    <style>
    <body> {backgroundcolor:powderblue;}
    <h1> {color: blue;}<p > {color: red;}
    </style>
    </head>
    <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    </body></html>

    OUTPUT
    13: INLINE CASCADING STYLE SHEET

    CODING

    <html>
    <body>

    <h1 style="color:blue;">A Blue


    Heading</h1>

    <p style="color:red;">A red


    paragraph.</p>
    </body>
    </html>

    OUTPUT
    14: HTML FORMS

    CODING
    <html>
    <head>
    <title>Form in HTML</title>
    </head>
    <body>
    <h2>Registration form</h2>
    <form>
    <fieldset>
    <legend>User personal
    information</legend>
    <label>Enter your full name</label><br>
    <input type="text" name="name"><br>
    <label>Enter your email</label><br>
    <input type="email"
    name="email"><br>
    <label>Enter your password</label><br>
    <input type="password"
    name="pass"><br>
    <label>confirm your
    password</label><br>
    <input type="password"
    name="pass"><br>
    <br><label>Enter your
    gender</label><br>
    <input type="radio" id="gender"
    name="gender" value="male"/>Male
    <br>
    <input type="radio" id="gender"
    name="gender" value="female"/>Female
    <br/>
    <input type="radio" id="gender"
    name="gender" value="others"/>others
    <br/>
    <br>Enter your Address:<br>
    <textarea></textarea><br>
    <input type="submit" value="sign-up">
    </fieldset>
    </form>
    </body></html>

    OUTPUT
    THANKYOU !

    You might also like