Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Sunday, January 10, 2016

Practicsl Question HTML.......


1. BASICS OF HTML - I

a. Create a simple html page to demonstrate the basic structural tags of HTML
b. Create a html page to demonstrate the usage of 10 physical and 10 logical
     text formatting tags.
c. Prepare a html page to display the syntax and usage of any 10 text formatting tags.

2. BASICS OF HTML - 2

a. Create a html page to display your class time table using <pre>......</pre> tag. (Do not use table).
b. Create a html page to write brief description about yourself using header tags, paragraph tag and text formatting tags.

3. IMAGES IN HTML

a. Create an image gallery of any three popular places in Nepal along with their
     short description with the images aligned in left or right.
b. Demonstrate the use of align, vspace and hspace attribute using minimum of four images.

4. LINKS IN HTML

a. Create a webpage to containing brief description about your college and links to your
     college and university website.
b. Demonstrate the use of top to bottom and bottom to top using two anchor tags.

5. LISTS IN HTML

a. Create the following list using html.

1.       MBIS
2.       BBIS
a.        Semester 1
§ Subject 1
§ Subject 2
§ Subject 3
b.       Semester 2
c.        Semester 3
3.       BHTM

b. Create the following list using html

                A. Movies
                                i.   Nepali
                                ii.  Hindi
                                iv. English
                C. Music
                D. Travel
                B. Reading
                E. Social Networking
                F. Chatting

 
6. FORMS IN HTML

a. Design a html form to demonstrate the 10 different types of controls generated using
     INPUT tag.

b. Design a html form to submit a job application form. Demonstrate the use of drop-down
     list, textareas and file upload control.

 
Posted by:- At
Labels:-

Monday, September 28, 2015

Create a html page to display your class time table using " PRE " tag.

Solution:-
<html>
     <head>
               <title> class time table </title>
     </head>
     <body bgcolor='pink'>
               <pre><h1> &nbsp; &nbsp; &nbsp; Our class time table </h1></pre>
                        <pre><h2><font color='green'>
                                 S.N.  Subject  Period  Time  Teacher </font>
                                 <font color="blue">
                                     1 OM             1<sup>st</sup>    12:30-1:15  Gopal Raj Bhandari
                                     2 Graphics   2<sup>nd</sup>  1:15-2:00    Bhoj Raj Joshi
                                     3 e-learning 3<sup>rd</sup>  2:00-4:00   Reg Bahadur Bhandari
                                                                              OR<br>
                                        3 JAVA & VB.net 3<sup>rd</sup>  2:00-4:00 Romkant Pandey
                                </font>
                       </h2></pre>
        </body>
</html>
Posted by:- At
Labels:-

Tuesday, September 22, 2015

Design the following table using nested table in HTML.



Logo (image)
Message
Menu Item 1(link)
Menu Item 2(link)
Menu Item 3(link)

Content 1
News 1
Content 2
News 2

Copyright
Facebook, Twitter(link)
Powered By

Solution:-
<html>
     <head>
            <title> table </title>
     </head>
     <body>
              <CENTER><h1> Single table </h1>
                       <table border='1' WIDTH=50%>
                                <TR>
                                        <td> Logo (image)</TD>
                                        <TD COLSPAN=2> Message </TD>
                                </TR>
                                <TR>
                                <td><center>
                               <table border='1' width=95%>
                                      <tr>
                                             <td> Menu Item 1 (Link) </td>
                                      </tr>
                                      <tr>
                                             <td> Menu Item 2 (Link) </td>
                                      </tr>
                                      <tr>
                                            <td> Menu Item 3 (Link) </td>
                                      </tr>
    `                         </table>
                              </center></td>
                             <td colspan=2><center>
                             <table border='1' width=95%>
                                      <tr>
                                            <td> Conternt 1 </td>
                                            <td> News 1 </td>
                                      </tr>
                                      <tr>
                                            <td> Content 2 </td>
                                            <td> News 2 </td>
                                      </tr>
                             </table>
                            </center> </td>
                      </tr>
                      <TR>
                              <TD> Copyright </TD>
                              <TD> Facebook, Twitter(Link) </TD>
                              <td> Powered By </td>
                      </TR>
               </TABLE>
         </CENTER>
     </body>
</html>

Output:-


Posted by:- At
Labels:-

Design the following single table using HTML.



A
BB
C
D
E
F
G
H
J
K
L
M

 Solution:-
<html>
     <head>
             <title> table </title>
     </head>
     <body bgcolor='pink' text='grey'>
            <CENTER><h1> Single table </h1>
                     <table border='1' WIDTH=50%>
                              <tr>
                                    <td> A </TD>
                                   <TD COLSPAN=2> BB </TD>
                                   <TD> C </TD>
                                   <TD> D </TD>
                             </TR>
                             <TR>
                                   <TD COLSPAN=4 ROWSPAN=2> E </TD>
                                   <TD> F </TD>
                            </TR>
                            <TR>
                                    <TD> G </TD>
                            </TR>
                            <TR>
                                   <TD COLSPAN=2> H </TD>
                                   <TD COLSPAN=2> J </TD>
                                   <TD> K </TD>
                             </TR>
                             <TR>
                                     <TD COLSPAN=3> L </TD>
                                     <TD COLSPAN=2> M </TD>
                              </TR>
                  </TABLE>
             </center>
     </body>
</html>

Output:-
Posted by:- At
Labels:-

Create the following list using html.


A. Movies
           i.   Nepali
           ii.  Hindi
           iii. English
B. Music
C. Travel
D. Reading
E. Social Networking
F. Chatting

Solution:- 

<html>
     <head>
             <title> list in html </title>
     </head>
     <body bgcolor='pink' text='grey'>
                 <h1> Create List using HTML</h1><h3>
                            <ol type='A'>
                                        <li>&nbsp;Movies
                                                  <ol type='i'>
                                                               <li>&nbsp;Nepali
                                                               <li>&nbsp;Hindi  
                                                               <li>&nbsp;English
                                                   </ol>
                                       <li>&nbsp;Music
                                       <li>&nbsp;Travel
                                       <li>&nbsp;Reading
                                       <li>&nbsp;Social Networking
                                       <li>&nbsp;Chatting</h3>
                          </ol>
        </body>
</html>

Output:-


Posted by:- At
Labels:-
Subscribe to: Posts ( Atom )