Scribd Logo
Upload

Welcome to Scribd!

  • 14 views

    Priyankar (Pgm1)

    Uploaded by

    Priyankar Paul
    The document describes how to align paragraphs with images in HTML. It uses paragraph (<p>) tags to place paragraphs on the page. Images are added using the <img> tag by specifying the image source. The example HTML code shows paragraphs of text with different styles aligned left, right and center on the page along with an image. The output is verified to display the properly formatted paragraphs and image.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Priyankar (Pgm1)

    Uploaded by

    Priyankar Paul
    14 views3 pages
    The document describes how to align paragraphs with images in HTML. It uses paragraph (<p>) tags to place paragraphs on the page. Images are added using the <img> tag by specifying the image source. The example HTML code shows paragraphs of text with different styles aligned left, right and center on the page along with an image. The output is verified to display the properly formatted paragraphs and image.

    Original Description:

    Original Title

    Priyankar[Pgm1]

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document describes how to align paragraphs with images in HTML. It uses paragraph (<p>) tags to place paragraphs on the page. Images are added using the <img> tag by specifying the image source. The example HTML code shows paragraphs of text with different styles aligned left, right and center on the page along with an image. The output is verified to display the properly formatted paragraphs and image.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    14 views3 pages

    Priyankar (Pgm1)

    Uploaded by

    Priyankar Paul
    The document describes how to align paragraphs with images in HTML. It uses paragraph (<p>) tags to place paragraphs on the page. Images are added using the <img> tag by specifying the image source. The example HTML code shows paragraphs of text with different styles aligned left, right and center on the page along with an image. The output is verified to display the properly formatted paragraphs and image.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    Priyankar Paul 1

    29SCS124

    Ex. No: 1
    19/01/2011 PARAGRAPH ALIGNMENT
    WITH IMAGES

    Aim:
    To create a HTML page which has a properly aligned paragraphs and images displayed along
    with it.

    Description:
    The following html tags are used to align the paragraphs with images.

    Paragraph tag:
    The paragraph tag <p></p> is used to place paragraphs in your pages.

    Paragraph attributes:
    Attributes for paragraphs can be set using embedded, linked or inline style sheets.
    P {font- family: Ariel, sans-serif; font-size: 10pt; font- weight: normal; text align: left; text-
    indent: 1 em}

    Images in HTML Pages :


    The anchor tag is used to add images to a page:
    <img src=”image-name”>
    Priyankar Paul 2
    29SCS124

    Program:

    <html>
    <head>
    <title>Paragraph</title>
    </head>
    <Body bgcolor="gold">
    <Center><Img src="sathya.gif"></Center>
    <p><h1>Addmission Procedure</h1></p>
    <p>
    <font face="Tunga" size="5" color="blue">
    * Advertisements are given , regarding issue of Application forms for Common Entrance
    Examination, important dates etc., in all leading newspapers all over India and also notified
    in the Sathyabama University website.<br>
    * Entrance Exam Application Form can be obtained inperson from the University
    Administrative Office.<br>
    * Entrance Examinations are conducted in major cities all over India.<br>
    </font>
    </p>
    <p align="right">
    <font face="verdana" size="2" color="white">
    <b>Important Dates:-15/03/2011(last date of submitting of application)</b>
    </font>
    </p>
    </body>
    </html>
    Priyankar Paul 3
    29SCS124

    Output:

    Result:

    Thus the HTML code for paragraph alignment with images has been done and its output
    successfully verified.

    You might also like