Scribd Logo
Upload

Welcome to Scribd!

  • Fazaia College of Education For Women

    Uploaded by

    Rushna Attaria
    7 views8 pages

    Original Title

    DOCTYPE

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views8 pages

    Fazaia College of Education For Women

    Uploaded by

    Rushna Attaria

    Copyright:

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

    FAZAIA COLLEGE OF EDUCATION FOR WOMEN

    Assignment
    Web Development

    Department: BSCS-VI

    Submitted to: Ma’am Ayesha

    Submitted by: Rushna Sohail

    Dated: 01-07-2021
    Question1: (a)

    Code
    <!DOCTYPE>
    <html>
    <head>
    <style>
    th, td {
    border: 2px solid red;
    }

    th, td {
    border-style: double;
    }

    table {
    border: 9px solid red;
    border-style: solid;
    }
    th, td {
    padding: 5px;
    }
    tr{
    text-align: center;

    }
    table#alter th {
    color: Black;
    }
    </style>
    </head>
    <body align=center;>
    <table id="alter" style="width:45%">
    <tr><th>S.No.</th><th>Name</th><th>Symbol</th><th>Description</th></tr>
    <tr><td>1</td><td>quot</td><td>""</td><td>quotation mark</td></tr>
    <tr><td>2</td><td>amp</td><td>ss</td><td>ampersand mark</td></tr>
    <tr><td>3</td><td>lt</td><td><</td><td>less than mark</td></tr>
    <tr><td>4</td><td>gt</td><td>></td><td>greater than mark</td></tr>
    <tr><td>5</td><td>Copy</td><td>©</td><td>copy mark</td></tr>
    <tr><td>6</td><td>Trade</td><td> trade</td><td>trade mark</td></tr>
    </table>
    </body>
    </html>

    Output Screenshot
    Question1: (b)

    Code

    <html>
    <body>
    <h4>Cell that spans two columns:</h4>
    <table border="4">
    <tr>
    <th>
    Name
    </th>
    <th colspan="2" >Loan No</th></tr>
    <tr>
    <td>
    Jones
    </td>
    <td>
    L-1
    </td>
    <td>
    L-2
    </td>
    </tr>
    </table>
    <h4>Cell that spans two rows:</h4>
    <table border="8" >
    <tr>
    <th>
    Name
    </th>
    <td >
    Jones
    </td>
    </tr>
    <tr>
    <th rowspan="2">
    Loan No
    </th>
    <td>
    L-1
    </td></tr><tr>
    <td>
    L-2
    </td>
    </tr>
    </table>
    </body>
    </html>

    Output Screenshot
    Question2:

    Code:
    <!doctypehtml>
    <html>
    <head>
    <style>

    </style>
    </head>
    <body>
    <u><h1 style="text-align: center;">Block Level Elements</h1></u>
    <h3>Simple:This is First Paragraph</h3>
    <h3 style="text-align: center;"> center:This is Second Paragraph</h3>
    <h3 style="text-align: right;">right:This is Third Paragraph</h3>
    <h3 style="text-align: left;">left:This is Four Paragraph</h3>
    <h3 style="text-align: justify;">justify:This is Five Paragraph</h3>
    <h3>Break:This paragraph <br> gives the concept of break <br> it puts the cursor to next
    line</h3>

    <div>
    <h1 style="text-align: right;"> Division Heading</h1>
    <h4 style="text-align: right;">Many paragraphs and other block elements can be effected
    by div at once.Many paragraphs and other block elements can be effected by div at once.Many
    paragraphs and other block elements can be effected by div at once.Many paragraphs and other
    block elements can be effected by div at once.</h4>
    <h4 style="text-align: right;">Notice all the paragraphs are write aligned</h4>
    </div>

    </body></html>

    Output Screenshot
    Question3:

    Code:

    <html><body>
    <p>An image

    <img src=https://encrypted-tbn0.gstatic.com/images?
    q=tbn:ANd9GcQeg8oFRjRmv5zFquaFdGmPKelMvoSiEWging&usqp=CAU align="bottom"
    width="48" height="48"> in the text</p>
    <p>An image
    <img src =https://encrypted-tbn0.gstatic.com/images?
    q=tbn:ANd9GcQeg8oFRjRmv5zFquaFdGmPKelMvoSiEWging&usqp=CAU align="middle"
    width="48" height="48"> in the text</p>
    <p>An image
    <img src =https://encrypted-tbn0.gstatic.com/images?
    q=tbn:ANd9GcQeg8oFRjRmv5zFquaFdGmPKelMvoSiEWging&usqp=CAU align="top"
    width="48" height="48"> in the text</p>
    <p>Note that bottom alignment is the default alignment</p>
    <p><img src =https://encrypted-tbn0.gstatic.com/images?
    q=tbn:ANd9GcQeg8oFRjRmv5zFquaFdGmPKelMvoSiEWging&usqp=CAU width="48"
    height="48">
    An image before the text</p>
    <p>An image after the text
    <img src =https://encrypted-tbn0.gstatic.com/images?
    q=tbn:ANd9GcQeg8oFRjRmv5zFquaFdGmPKelMvoSiEWging&usqp=CAU width="48"
    height="48"> </p>
    </body></html>

    Output Screenshot

    Question4:

    Code

    <!doctypehtml>
    <html>
    <head>
    <style>

    </style>
    </head>
    <body>
    <STRONG>
    <h1 style="text-align: center;">ORDERED LIST AND UNORDERED LIST </h1>
    <H4 style="text-align: center;">DIFFERENT ITEMS IN YOUR CONFECTIONARY
    ITEMS</H4>
    <OL style="text-align: center;">
    <LI >DRINKS</LI>
    <LI>SNACKS</LI>
    </OL>
    <H2 style="text-align: center;">ENJOY YOUR DRINKS</H2>
    <h2 style="text-align: center;">ORDERED LIST</h2>
    <OL style="text-align: center;"type="a">
    <LI style="text-align: center;">PEPSI</LI>
    <LI>COKE</LI>
    <LI>LIMSA</LI>
    </OL>
    <H2 style="text-align: center;">ENJOY YOUR DRINKS</H2>
    <h2 style="text-align: center;">UNORDERED LIST</h2>
    <UL style="text-align: center;"TYPE="CIRCLE">
    <LI >UNICEF</LI>
    <LI>KURKREE</LI>
    <LI>NAMKEEN</LI>
    </UL>
    </STRONG>
    </body></html>

    Output Screenshot

    You might also like