Scribd Logo
Upload

Welcome to Scribd!

  • Web Designing

    Uploaded by

    Rajwinder Singh
    26 views30 pages
    web designing

    Original Title

    Web Designing(1)

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    web designing

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    26 views30 pages

    Web Designing

    Uploaded by

    Rajwinder Singh
    web designing

    Copyright:

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

    PROGRAM : 1st

    PARAGRAPH
    <html>

    <head>

    <title>paragraph tag</title>

    </head>

    <body>

    <p align=left>The tag is used to define a paragarph.

    align the text left side

    The example explained above can work on most of the browser but we should not be dependent as it is
    not sure to work always and can produce an unexpected result at any point in time.

    </p>

    <p align=center>The tag is used to define a paragraph.

    align the text in center

    HTML <pre> tag is the solution for this problem. This tag is used for preformatted text.

    The text inside this <pre> tag displayed as you write with the fixed width and font size.

    It also maintains all line break and spaces that you have given while writing.</p>

    <p align=right>The tag is used to define a paragraph.

    align the text in right

    You can not predict exact HTML output over the browser.
    It will also depend on your screen size whether it is larger or smaller.<br>

    So window screen size definitely affects the HTML<br> output.

    you can not manipulate output by adding extra spaces or <br>

    lines to your HTML code as a browser will remove the line and extra <br>space when a page will load.

    </p>

    </body>

    </html>
    RESULT
    PROGRAM : 2nd
    TEXT STYLE(1ST)
    <html>

    <head>

    <title>text style</title>

    </head>

    <body>

    i am reading a book<i>italic tag</i><br>

    i am B.C.A student<b>bold tag</b><br>

    my name is lovesha<u>underline tag</u><br>

    i am waiting for my friend in classroom<tt>typewriter tag</tt><br>

    my watch is not give exact time<sup>superscript tag</sup><br>

    </body>

    </html>
    RESULT
    PROGRAM : 3rd
    TEXT STYLE(2ND)
    <html>

    <head>

    <title>text style</title>

    </head>

    <body>

    <sub>The word 'information' comes from the Latin informare, meaning 'to shape or form an idea; to mold
    someone's mind.'<br>

    This is a great way to understand information writing.<br>

    A genre of nonfiction writing, information writing is that which seeks to inform or help the reader to mentally
    form ideas about a subject.(subscript tag)</sub>

    <br>

    <strike>strike througrh the text</strike><br>

    <small>make the text smaller in size than the surrounding text</small><br>

    <big>make the text biggernin size than the surroundinng text</big><br>

    <marquee>Scrolling the text across the page.A attribute direction </marquee>can be used to scroll the text
    downloads and upwords.

    </body>

    </html>
    RESULT
    PROGRAM : 4th
    FONT
    <html>

    <head>

    <title>text style</title>

    </head>

    <body>

    <font face="times new roman">

    the text has times new roman font.

    </font>

    <br>

    <font face="times new roman"size=5>

    the text has times new roman and size 5.

    </font>

    <br>

    <font face="times new roman"size=5 color="green">

    the text has times new roman,size 5 and color green.

    </font><br>

    </body>

    </html>
    RESULT
    PROGRAM : 5
    BACKGROUND COLOUR
    <html>

    <head>

    <title>text style</title>

    </head>

    <body bgcolor=red text= blue>

    <font face="times new roman">

    the text has times new roman font.

    </font>

    <br>

    <font face="times new roman"size=5>

    the text has times new roman and size 5.

    </font>

    <br>

    <font face="times new roman"size=5 color="green">

    the text has times new roman,size 5 and color green.

    </font><br>

    </body>

    </html>
    RESULT
    PROGRAM : 6
    LINKING

    <html>

    <head>

    <title>internal linking</title>

    </head>

    <body>

    <center>

    <font size=6>web designing</font><br><br>

    the location or section name you choose in the href attribute,<br>

    should exactly match as mentioned is the name attribute of<a>tag.

    <b>

    NOTE :

    </b>

    location name or id and internal link should not be on the same page of document or website.<br>

    The most powerful feature of the web is the ability to link related documents so that you can surf from
    page to page in a logical manner.<BR>

    A link is word group of words or image and by clicking on it, you can jump to another document or a
    new section within the current document. <br>

    Links are set using anchor tags<a>.<br>

    Anything written between the <a> </a> tags becomes a hyperlink/hotspot and appears or the screen in
    a different colour and underlined.<br>

    Linking are two types:<br>

    <a href="https://search.yahoo.com/search?ei=utf-
    8&fr=tightropetb&p=web+world+picture&type=64943_031617">
    Linking are two types:<br>

    (a) EXTERNAL LINKING<br>

    (b) INTERNAL LINKING<br>

    </a>

    </center>

    </body>

    </html>

    RESULT
    PROGRAM : 7
    PAGE LAYOUT
    <html>

    <head>

    <title>page layout</title>

    </head>

    <body topmargin is 40 and leftmargin 50>

    the left margin attribute of <body> tag is used to set the left margin of the page.<br>

    In top margin attribute of<body> tag is used to set the top margin on a page.<br>

    we can set both top and left margin in single code.<br>

    The code for setting a top margin of 40 pixels and left margin of 20 pixel is<br>

    top margin is 40 and left margin is 20<br>

    The code for setting a right margin of 30 pixels<br>

    the code for setting a bottom margin of 40 pixels<br>

    </body>

    </html>

    RESULT
    PROGRAM : 8th
    IMAGE
    <html>

    <head>

    <title>internal linking</title>

    </head>

    <body>

    <center>

    <font size=6>web designing</font><br><br>

    the location or section name you choose in the href attribute,<br>

    should exactly match as mentioned is the name attribute of<a>tag.

    <b>

    NOTE :

    </b>

    location name or id and internal link should not be on the same page of document or website.<br>

    The most powerful feature of the web is the ability to link related documents so that you can surf from
    page to page in a logical manner.<BR>

    A link is word group of words or image and by clicking on it, you can jump to another document or a
    new section within the current document. <br>

    Links are set using anchor tags<a>.<br>

    Anything written between the <a> </a> tags becomes a hyperlink/hotspot and appears or the screen in
    a different colour and underlined.<br>

    <img src="C:\Users\Administrator\Pictures.jpg">

    Linking are two types:<br>

    </center>

    </body>

    </html>

    RESULT
    PROGRAM : 9TH
    LISTS
    <html>

    <head>

    <title>lists</title>

    </head>

    <body>

    <ul>

    <li>These are unordered list<br>

    </li>

    <li>ms-word

    <li>ms-powerpoint

    <li>ms-excel

    <li>ms-access

    </ul><br>

    <ol>

    <li>

    These are ordered list<br>

    </li>

    <li>ms-word

    <li>ms-powerpoint

    <li>ms-excel

    <li>ms-access
    </ol><br>
    <ol type = 1 start = 6>

    <li>ms-word

    <li>ms-powerpoint

    <li>ms-excel

    <li>ms-access

    </ol><br>

    <ol type=i>

    <li>ms-word

    <li>ms-powerpoint

    <li>ms-excel

    <li>ms-access

    </ol><br>

    <DL>

    <li>these are defination list

    </li><br>

    <dt>computer

    <DD>computer is electronic device

    <DT>html

    <DD>html stands for hypertext markup language.

    </DL><br>

    <ol type =2>

    <li>nested list

    </li><br>
    <li>

    input devices

    <ul type=circle>

    <li>keybord

    <li>mouse

    </ul><br>

    <li>output devices

    <ul type=circle>

    <li>dot matrix printer

    <li>monitor

    </ul><br>

    </ol><br>

    </body>

    </html>
    OUTPUT
    PROGRAM : 10
    TABLE
    <html>

    <head>

    <title>table</title>

    </head>

    <body>

    <center>

    <table border=5 width=80%>

    <tr align=center>

    <th align=center colspan=4>result table</th>

    </tr>

    <tr align=center>

    <th>class</th>

    <th>roll no.</th>

    <th align=center>name</th>

    <th>marks</th>

    </tr>

    <tr align=center>

    <td rowspan=3>Bca 1</td>

    <td>1001</td>

    <td align=center>Sorav</td>

    <td>95</td>

    </tr>
    <tr align=center>

    <td>1002</td>

    <td align=center>Smir</td>

    <td>95</td>

    </tr>

    <tr align=center>

    <td>1003</td>

    <td align=center>Sanjay</td>

    <td>95</td>

    </tr>

    <tr align=center>

    <td rowspan=3>Bca 2</td>

    <td>2001</td>

    <td align=center>manju</td>

    <td>100</td>

    </tr>

    <tr align=center>

    <td>2002</td>

    <td align=center>Sunita</td>

    <td>99</td>

    </tr>
    <tr align=center>

    <td>2003</td>

    <td align=center>Arun</td>

    <td>98</td>

    </tr>

    </table>

    </center>

    </body>

    </html>

    OUTPUT
    PROGRAM : 13
    RADIO BUTTON
    <html>

    <head>

    <title>radio button demo</title>

    </head>

    <body>

    <p align="center"><b><u>select you favourite game</u></b></p>

    <form>

    <input type = "radio" name = "option" value = "cicket" checked>cricket<br><br>

    <input type = "radio" name = "option" value = "football">football<br><br>

    <input type = "radio" name = "option" value = "snooker">snooker<br><br>

    <input type = "radio" name = "option" value = "golf">golf<br><br>

    <input type = "radio" name = "option" value = "hockey">hockey<br><br>

    </form>

    </body>

    </html>

    OUTPUT
    PROGRAM : 11
    FRAME
    <html>

    <frameset rows="*,*" cols="*,*">

    <frame src="frame_1.html">

    <frame src="frame_2.html">

    <frame src="frame_3.html">

    <frame src="frame_4.html">

    </frameset>

    </html>

    OUTPUT

    PROGRAM : 12
    FORM
    <html>

    <head>

    <title>text filed demo </title>

    </head>

    <body>

    <p align ="center"><b><u>ADMISSION FORM</u></b></p>

    NAME <input type = "text" name = "text1" size="30"><br><br>

    FATHER'S NAME <input type = "text2" name = "text2" size = "30"><br><br>

    CITY <input type = "text3" name = "text3" size="15"><br><br>

    <input type="submit">

    </form>

    </html>

    OUTPUT

    You might also like