Scribd Logo
Upload

Welcome to Scribd!

  • 81 views

    HTML Programmes

    Uploaded by

    Shetty ᴖᴥᴖ
    The documents demonstrate how to create webpages using different HTML tags and properties like headings, paragraphs, lists, tables, images, fonts, and layout. The documents progress from simple pages to more advanced pages using combinations of tags and properties.

    Copyright:

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

    HTML Programmes

    Uploaded by

    Shetty ᴖᴥᴖ
    81 views11 pages
    The documents demonstrate how to create webpages using different HTML tags and properties like headings, paragraphs, lists, tables, images, fonts, and layout. The documents progress from simple pages to more advanced pages using combinations of tags and properties.

    Original Description:

    Html program documents

    Original Title

    HTML PROGRAMMES

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The documents demonstrate how to create webpages using different HTML tags and properties like headings, paragraphs, lists, tables, images, fonts, and layout. The documents progress from simple pages to more advanced pages using combinations of tags and properties.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    81 views11 pages

    HTML Programmes

    Uploaded by

    Shetty ᴖᴥᴖ
    The documents demonstrate how to create webpages using different HTML tags and properties like headings, paragraphs, lists, tables, images, fonts, and layout. The documents progress from simple pages to more advanced pages using combinations of tags and properties.

    Copyright:

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

    CREATE A SIMPLE WEBPAGE

    <html>

    <head>

    <title> new page </title>

    </head>

    <body>

    WELCOME TO COMPUTER LAB

    </body>

    </html>

    CREATE A WEBPAGE USING HTML TAGS FONT COLOR AND FONT SIZE
    <html>

    <head>

    <title> new page </title>

    </head>

    <body>

    <font color="red">

    <font size=72>

    WELCOME TO COMPUTER LAB

    </body>

    </html>
    CREATE A WEBPAGE USING TAGS FONT COLOR, FONT SIZE, BACKGROUND COLOR AND
    PRE
    <html>

    <head>

    <title> new page </title>

    </head>

    <body>

    <body bgcolor="cyan">

    <font color="red">

    <font size=72>

    <pre>

    WELCOME TO COMPUTER LAB

    </pre>

    </body>

    </html>

    CREATE WEBPAGE USING HTML TAGS TO SET BACKGROUND IMAGE


    <html>

    <head>

    <title> set background image </title>

    </head>

    <body background=”tulips.jpg”>

    <body>

    <H1> setting of background image using body background tag</H1>

    </body>

    </html
    CREATE A WEBPAGE USING HTML HEADING STYLES
    <html>

    <head>

    <title>Heading styles</title>

    <body bgcolor="blue">

    </head>

    <font color="pink"

    <body>

    <font size=36>

    <H1>Kips learning Solutions(H1) </H1>

    <H2>Kips learning Solutions(H2) </H2>

    <H3>Kips learning Solutions(H3) </H3>

    <H4>Kips learning Solutions(H4) </H4>

    <H5>Kips learning Solutions(H5) </H5>

    <H6>Kips learning Solutions(H6) </H6>

    </body>

    </html>
    CREATE A WEBPAGE USING html TABLE PROPERTIES
    <html>

    <head>

    <title>creating table</title>

    <style type="text/CSS">

    body{background-color:RGB(255,251,214);}

    TABLE,TD,TH {border:1px solid red}table{border collapse:seperate;empty-cells:show:}

    TH,TR,TD{padding:3px 5px 5px 3px}</style>

    </head>

    <body>

    <table>

    <TR><TH style=background color;red;color;white>name</TH>

    <TH style=background color:red;color:white>Email</TH></TR>

    <TR><TD>Anand</TD><TD>[email protected]</TD></TR>

    <TR><TD>Sheena</TD><TD>[email protected]</TD></TR>

    <TR><TD>Radha</TD><TD>[email protected]</TD></TR>

    </TABLE>

    </BODY>

    </HTML>
    CREATE A WEBPAGE USING TABLE PROPERTIES WHICH SHOWS STATES AND THEIR
    CAPITALS
    <html>

    <head>

    <title>creating table</title>

    <style type="text/CSS">

    body{background-color:RGB(255,251,214)}

    caption{caption-side:bottom}

    TABLE,TD,TH{border:1px solid magenta}

    TABLE{bordercollapse:collapse;padding:5px;width:100%;height:30%;text-allign:center;background-
    color:RGB(250,223,223)}

    TH{color:blue}

    </style></head>

    <body><table>

    <caption style=color:red><B>figure:States and their Capitals</B></caption>

    <TR><TH>STATE</TH><TH>CAPITAL</TH></TR><TR><TD>J&K</TD><TD>Srinagar(summer)
    Jammu(winter)</TD>

    <TR><TD>Punjab</TD><TD>Chandigarh</TD>

    </TR><TR><TD>Gujarat</TD><TD>Gandhinagar</TD>

    </TR></TABLE>

    </BODY>

    </HTML>
    CREATE A WEBPAGE USING HTML TABLE PROPERTIES WHICH SHOWS STUDENT
    INFORMATION
    <html>

    <head>

    <title>creating a table </title>

    <style type = "text/css">

    body {background-colour: rgb (255,251,214)}

    table, th, td{border:1px solid blue }

    th{color:blue}

    </style> </head>

    <body> <table>

    <caption style = color:red>student information</caption>

    <tr><th>s.no </th> <th>name </th> <th>grades</th>

    </tr> <tr>

    <td> 1 </td> <td>Bindu</td> <td>A</td>

    </tr> <tr> <td>2</td> <td>Yogesh</td> <td> A+</td>

    </tr> <tr> <td>3</td> <td>Sakshi</td> <td> A+</td>

    </tr> </table>

    </body>

    </html>
    CREATE A WBPAGE USING HTML LIST PROPERTIES
    <html>

    <head>

    <title> character</title>

    <style type="text/css">

    body{background-color:RGB(255,251,214)}

    H1{color:red}

    L1{color:green}

    </style>

    </head>

    <body>

    <H1>character is a combination of:</h1>

    <ot start=3 reversed>

    <LI> Integrity

    <LI>Unselfishness

    <LI>Understanding

    </OL>

    </body>

    </html>
    CREATE A WEBPAGE USING HTML NESTED LIST PROPERTIES
    <html>

    <head>

    <title>ordered and unordered lists</title>

    <style type=''text/css''>

    body{background-color:RGB(255,251,214)}

    ol{list-style-type:lower-roman;}

    ul{list-style-type:circle;}

    li{font-size:20px;}

    h1{color:blue}</style></head><body>

    <h1>Vitamins</h1>

    <ul><li style=color:red><b>Fat-soluble vitamins</b>

    <ol><li style=color:darkgreen>Vitamin-A

    <li style=color:darkgreen>Vitamin-D

    <li style=color:darkgreen>Vitamin-E

    <li style=color:darkgreen>Vitamin-K

    </ol><li style=color:red><b>Water-soluble vitamins</b>

    <ol style=list-style-type:upper-alpha>

    <li style=color:darkgreen>Vitamin-B1

    <li style=color:darkgreen>Vitamin-B2

    <li style=color:darkgreen>Vitamin-B3

    <li style=color:darkgreen>Vitamin-B5

    <li style=color:darkgreen>Vitamin-B6

    <li style=color:darkgreen>Vitamin-B7

    <li style=color:darkgreen>Vitamin-B9

    <li style=color:darkgreen>Vitamin-B12

    <li style=color:darkgreen>Vitamin-C</ol></ul>
    </body></html>

    CREATE WEBPAGE USING HTML ORDERED LIST


    <html>

    <head>

    <title>Characters</title>

    <body{background-color:RGB(255,251,214)}

    H1{color:red}

    LI{color:green}>

    <styletype="text/css">

    <body bgcolor="pink">

    </style>

    </head>

    <body>

    <font color="white">

    <H1>Character is a combination of:</h1>

    <ol start=3 reversed>

    <LI>Integrity</LI>

    <LI>Unselfishness</LI>

    <LI>Understanding</LI>

    </ol>

    </body>

    </html>
    CREATE WEBPAGE USING HTML TAGS PRE TOPMARGIN AND LEFT MARGIN
    <html>

    <head>

    <title>PRE , Topmargin , Leftmargin</title>

    </head>

    <body bgcolor="Red">

    <body>

    <font face="Times New Roman" Topmargin=200 Leftmargin=50>

    <Font color="Black">

    <font size=30>

    <PRE>

    God always helps those

    Who help themselves

    </font>

    </PRE>

    </body>

    </html>
    CREATE WEBPAGE USING HTML TAGS SUBSCRIPT AND SUPERSCRIPT
    <html>

    <head>

    <title>Subscript and Superscript Tags</TITLE>

    </HEAD>

    <body>

    <center><h1><b><i><u>Formula</u></i></b></center>

    <h2>H<sub>2</sub>O<br>

    A<sup>3</sup>B<sup>3</sup><br>

    </h2>

    </body>

    </html>

    You might also like