Scribd Logo
Upload

Welcome to Scribd!

  • Creating A PDF Download Link in HTML

    Uploaded by

    Bala Dharani
    6 views6 pages

    Original Title

    Creating a PDF download link in HTML

    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
    Download as docx, pdf, or txt
    6 views6 pages

    Creating A PDF Download Link in HTML

    Uploaded by

    Bala Dharani

    Copyright:

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

    Creating a PDF download link in HTML

    <html>

    <h3>Creating a download link</h3>

    <body>
    <a href="PDF STORAGE PATH ">
    Download PDF File
    </a>
    </body>

    </html>

    Creating a Bookmark Link for a Webpage


    A bookmark is a link that can be used to jump to specified portion of a
    webpage.This is very useful if a webpage is quite long.
    Steps to create a bookmark are:
     Using the id attribute, create a bookmark.
    <h2 id="T11">Topic 11</h2>

     Add the specified portion of the webpage to the bookmark.


    <p><a href="#T11">Jump to Topic 11</a></p>

    <html>
    <body>
    <p><a href="#T11">Jump to Topic 11</a></p>
    <p><a href="#T17">Jump to Topic 17</a></p>
    <p><a href="#T20">Jump to Topic 20</a></p>
    <h2>Topic 1</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 2</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 3</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 4</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 5</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 6</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 7</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 8</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 9</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 10</h2>
    <p>paragraph 1
    .....</p>

    <h2 id="T11">Topic 11</h2>


    <p>paragraph 1
    .....</p>

    <h2>Topic 12</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 13</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 14</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 15</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 16</h2>
    <p>paragraph 1
    .....</p>

    <h2 id="T17">Topic 17</h2>


    <p>paragraph 1
    .....</p>

    <h2>Topic 18</h2>
    <p>paragraph 1
    .....</p>

    <h2>Topic 19</h2>
    <p>paragraph 1
    .....</p>

    <h2 id="T20">Topic 20</h2>


    <p>paragraph 1
    .....</p>
    </body>

    </html>

    Aligning an Image: By default, an image is aligned on the left side of


    the page, but it can be aligned to the centre or right using the align
    attribute. Please refer to the HTML | <img> align Attribute for further
    details.

    <html>

    <head>
    <title>Aligning an image</title>
    </head>

    <body>
    <p>inserted image using <img> tag:</p>
    <img src=
    "https://media.geeksforgeeks.org/wp-content/cdn-uploads/
    20190710102234/download3.png "
    alt="GeeksforGeeks logo"
    align="right" />
    </body>
    </html>

    Adding animated Image: Animated images in .gif format can also be


    added using the “img” tag.
    <html>

    <body>
    <h3>Adding a gif file on a webpage</h3>
    <h3 img src="smiley.gif"
    alt="smiley"
    style="width: 200px; height: 200px"> GIF DOCUMENT </h3>
    </body>

    </html>

    Using Image as a Background: An image can be used as a


    background for a webpage. For this, we use the background-
    image property of CSS. Please refer to the HTML | <body> background
    Attribute for further details.

    <html>

    <body style="background-image: url (


    'https://media.geeksforgeeks.org/wp-content/cdn-uploads/
    20190710102234/download3.png '
    );">
    <h2>Image As a Background</h2>
    <p>
    In this example we have specified a
    background for a webpage using an image.
    </p>
    </body>

    </html>

    You might also like