Internet & Web Designing
Showing posts with label Internet & Web Designing. Show all posts
Showing posts with label Internet & Web Designing. Show all posts
How to create a simple form using HTML?

How to create a simple form using HTML?

From is a necessary element in any website or blog. Mostly they are used to take user information for any of the purposes like logging into the user account, creating user account, allowing to subscribe malling list, allowing users to submit comments and allowing users to contact website admin, support or sales team.

Here I am going to describe "How to create a simple form using HTML" step by step with describing what is a form and what elements are used to create HTML form along with complete HTML code for a form.

A form is an area that contain form elements. You must set up a form before adding in run to the web page. To setup a form, you need to specify two important information Method and Action.

Method is a property tells the form how to transfer the data to the form processor. The value for method can be 'post' or 'get' In post method you are just posting information and method get means that you are just going to get another page. In almost all of the form post method is used.

Action property tells what action the form should take when the user presses the submit button. Action is the URL to which you are posting the information.

We have to use different HTML tags to create a form. The most commonly used HTML tags to create a form are listed below.


Different Tags for HTML Form


Tag: The most form tag is tag. The type of INPUT is specified with the TYPE attribute. This tag doesn't have its ending tag. The most commonly used INPUT types are listed below:

TEXT: It is used for plain type of text input. The attributes used in this type are NAME, VALUE, SIZE and MAXLENGTH.

Example:


PASSWORD: It is used for password type of text input. The attributes used in this type are NAME, VALUE, SIZE and MAXLENGTH.

Example:


RADIO: It is used for single choice input system. The attributes used in this type are NAME, VALUE and CHECKED

Example:


CHECKBOX: It is used for multiple choice input system. The attributes used in this type are NAME and VALUE.

Example:


RESET: It is used to reset values entered in a form. Value is the attribute of RESET type of INPUT. 
Example:


SUBMIT: It is used to submit values entered in a form. Value is the attribute of SUBMIT type of INPUT.

Example: 





Subscription Form

Subscription Form




First Name:


Last Name:

 
Password:

 
Retype Password:


Email:

 
Sex:MaleFemale


Write About You:


Your Academic Level: 


Select your Topic to Subscribe:
Multiple Choice Questions

IT Tutorials

Programming Guide







Preview of the above HTML Code

 

Subscription Form


First Name:

Last Name:

Password:

Retype Password:

Email:

Sex:MaleFemale

Write About You:

Your Academic Level:

Select your Topic to Subscribe:
Multiple Choice Questions
IT Tutorials
Programming Guide



Here I have posted the HTML codes for sample only. You can customize this form according to your requirement. You can extract and use any element to create your own form.



Related Posts:

    How to Load External JavaScript Asynchronously or Dynamically

    How to Load External JavaScript Asynchronously or Dynamically


    JavaScript makes more easier to manipulate websites, now a days most of the browsers supporting JavaScript codes. When the HTML parser encounters a

    The defer attribute causes the browser to defer execution of the script until after the document has been loaded and parsed and is ready to be manipulated. The async attribute causes the browser to run the script as soon as possible but not to block document parsing while the script is being downloaded. If a

    I have placed this code at the bottom of HTML codes, i.e. just before tag and have placed the following code where I want to display ads.



    Loading JavaScript Asynchronously when document finishes loading 




    You can load and execute scripts asynchronously by using setTimeout(), addEventListner(), and attachEvent(). Most objects that can be event targets have a method named addEventListner(), which allows the registration of multiple listeners.

    window.addEventListner("load", function(){.....},false);
    request.addEventListner("readystatechange", function(){......},false);

    The first argument to this function is the name of the event. For IE8 and earlier, you must use a similar method, named attachEvent().

    window.attachevent("onload", function() {.....});

    Here is an example which define an onLoad() function that registers a function to be run when the document finishes loading. If the document has already loaded, run it asynchronously.

    function onLoad(f){
    if(onLoad.loaded) 
     window.setTimeout(f,0); 
    elseif (window.addEventListner)
     window.addEventListner("load",f,false);
    elseif (window.attachEvent)
     window.attachEvent("onload",f);
    }

    onLoad.loaded=false;

    onLoad(function(){onLoad.loaded=true;});


    In the above script window.attachEvent is used for IE8 and earlier. onLoad.loaded=false; sets a flag that indicates the document is not loaded yet and onLoad(function(){onLoad.loaded=true;}); register a function to set the flag when the document does load.



    Related Posts:



    How to Add Multiple Slideshows on One Page Using Javascript


    Most of our visitors asked "How to Add Multiple Slideshows on One Page Using JavaScript" by commenting on different previous posts for JavaScript slideshow and going to write this post about to add multiple slideshows on the same page. Using this script you can add number of slideshows on single page as your requirements. 


    Multiple Slideshows on One Page Using JavaScript



    To make multiple slideshows, at first you have to make variable lists for each slideshows and have to create new slideshow using function slideshow( ). Here I have created two slideshows with variables SlideList1 and SlideList2 and uses function slideshow with parameters slideList, image, speed and name.

    You can create number of new slideshows using this function below using new keyword. i.e. var slideshow1=new slideshow(slideList1, 'slide1', 3000, 'slideshow1');

    function SlideShow(slideList, image, speed, name)          
    {
      this.slideList = slideList;
      this.image = image;
      this.speed = speed;
      this.name = name;
      this.current = 0;
      this.timer = 0;
    }

    And the another function switchImage( ) given below allows you to  change images while playing slideshows.

    function switchImage(imgName, imgSrc) 
    {
      if (document.images)
      {
        if (imgSrc != "none")
        {
          document.images[imgName].src = imgSrc;
        }
      }
    }

    Here is a full JavaScript code for making multiple slideshows on one page using JavaScript. Copy the following codes inside body tag of your HTML file and replace given image source with your image source.






    Here the speed of first and second slideshows are specified 3000 and 1000 respectively, your can change them as your requirements. Also you can add more slideshows by adding more slideList and slideshow variables.


    Preview of  JavaScript Code Given Above



    slide1

    slide2



    You can add custom CSS codes to give different styles like setting border using border: property, give rounded corners using border-radius property as presented in the previous post "How to make rounded corners border using CSS" and can give different animation effects like fade effects, zoom effects, slide effects etc. 

    You can refer to the following previous posts to give fade effect animations using CSS, JavaScript or JQuery codes.



    Related Posts:






    How to create fade effect image slideshow using CSS


    You can give fade effect animation for image slideshow using CSS. @keyframes 'at' rule and animation keyword in CSS can be used to make image slideshow with fade effect. With @keyframes 'at' rule, you can define the properties that will be animated in an animation rule and animation keyword to set all of the animation properties.


    Here I have used different types of animation properties like animation-name, animation-duration, animation-timing-function and animation-iteration-count. Where animation-name specifies name of the animation, animation-duration specifies animation duration in second(s) or milisecond(ms), animation-timing-function specifies how the animation will play like ease, ease-in, ease-in-out, ease-out and linear and animation-iteration-count:number of times animation should play.

    Simple fade effect image slideshow 

     
    Here is a sample CSS code for creating simple fade effect image slideshow written for safari browser.



    Here is a full HTML code along with required JavaScript code for creating simple fade effect image slideshow.


    CSS Animations










    In the above code prefixes -webkit-, -moz-, -o-, -ms- are used for browsers safari, firefox, opera and internet explorer respectively.

    Here is a preview of image slideshow for the code above.


    slide


    Fade effect image slideshow with caption


    You can add caption for this slideshow by adding following JavaScript codes within

    How to make rounded corners border using CSS


    While designing website, website template or blog template, you may want to make buttons, menus, paragraphs or any others border corners rounded to make your template more beautiful and attractive. It is possible by using a keyword "border-radius" in CSS. The keyword border-radius is used to make all the corners rounded by specifying the radius of corner. For example you can use the following CSS code.
    rounded corners border using CSS

    border-radius:10px;                    // makes radius of all the corners 10px;

    You can also specify the radius for each corners by using border-radius-top-right, border-radius-top-left, border-radius-bottom-right, border-radius-bottom-left keywords. For example you can use the following CSS code to make each corner rounded.

    border-radius-top-right:10px;
    border-radius-top-left:10px;
    border-radius-bottom-right:5px;
    border-radius-bottom-left:5px;

    The above code makes radius of left and right corners of top side 10px and radius of left and right corners of bottom side 5px.

    To makes this CSS code browser specific or specific browser compatible, you have to use the prefix codes like -moz- for mozilla firefox and -webkit- for chrome or safari. 


    .all{

         border:2px solid red;

         -moz-border-radius:10px;

         -webkit-border-radius:10px;

         border-radius:10px;

         width:250px;

         }

    .topleft{

             border:2px solid red;

             -moz-border-top-left-radius:10px;

             -webkit-border-top-left-radius:10px;

             border-top-left-radius:10px;

             width:250px;

             }

    .topright{

             border:2px solid red;

             -moz-border-top-right-radius:10px;

             -webkit-border-top-right-radius:10px;

             border-top-right-radius:10px;
         
             width:250px;

             }

    .bottomleft{

             border:2px solid red;

             -moz-border-bottom-left-radius:10px;

             -webkit-border-top-left-radius:10px;

             border-bottom-left-radius:10px;

             width:250px;

             }

    .bottomright{

             border:2px solid red;

             -moz-border-bottom-right-radius:10px;

             -webkit-border-bottom-right-radius:10px;

             border-bottom-right-radius:10px;
      
             width:250px;

             }


    Use above CSS code with the following HTML code given.



    CSS code for rounded corners



    All rounded corners



    Topleft rounded corner



    Topright rounded corner



    Bottomleft rounded corner



    Bottomright rounded corner




    You can view the following rounded corners for 2px solid red border and 250px width having 10px radius of corners.


    All rounded corners

    Topleft rounded corner

    Topright rounded corner

    Bottomleft rounded corner

    Bottomright rounded corner


    Here I have used
    tag, so these shapes are appeared with line break. If you wanted to place these shapes on the same line you can use tag. You can also use

    tag with the place of

    How to Create Custom CSS Template for Printing


    Along with the development of web technologies and web programming languages, web designing becoming more complex and the websites more flexible and user friendly. With the invention of CSS technology, web designing and programming becoming more easier than ever.

    By using cascading style sheet (CSS) and its properties, you can give custom design to your website for different medias like screen, print, tv and for different screen sizes. The CSS @media property allows you to do such task.

    Today I am going to describe "How to create custom CSS template for printing".

    Designing Custom CSS Template for Printing


    If you wanted to allow your website visitors to print the content of your website, you can design custom template for printing using CSS. You can define which part or your website will be printed or not and can add page setting for printing.

    Designing Custom CSS Template for Printing

    Here is a sample CSS code for website template.


    body{
         background:#00aaff;
         font-color:#00000;
         font-size:16px;
         }

    h1, h2, h3 { 

    /* CSS codes for h1, h2, h3 */

    }

    #wrapper{
            width:80%;
            margin: 0 auto;
            background:#fff;
            padding:20px;
    }

    #content{
            width:54%;
            float:left;
            margin-right:3%;
    }

    #header{
           width:100%;
           margin-top:2%;
    }

    #sidebar-left{
            width:20%;
            float:left:
            margin-right:3%;
    }

    #sidebar-right{
            width:20%;
            float:left;
    }

    #footer{
           width:100%;
            }


    While printing you can hide default header, menu and sidebar using CSS codes. Here is a sample CSS code for printing webpage.


    body{
         background:#00aaff;
         font-color:#00000;
         font-size:16px;
         }

    h1, h2, h3 { 

    /* CSS codes for h1, h2, h3 */

    }

    #wrapper{
            width:80%;
            margin: 0 auto;
            background:#fff;
            padding:20px;
    }

    #header{
           display:none;
    }


    #content{
            width:100%;
            clear:both;
            margin-right:3%;
    }

    #sidebar-left{
             display:none;
    }

    #sidebar-right{
             display:none;
    }

    #footer{
            display:none;
            }


    Place the above CSS code inside media queries for printing as below.

    @media only print and (orientation:portrait) { 
        
         /* Add CSS code here for printing on portrait mode */
     }

    @media only print and (orientation:landscape) { 
        
         /* Add CSS code here for printing on landscape mode */
     }



    Adding Printing function and icon



    Add the following HTML code where you want to place print icon.

     Print this page

    Using this code the print link looks like as below                                     Print this page

    Print
    Using this code the print icon looks like as below




    Using this code the print button looks like as below                                                            



    Related Posts:



      How to Create Responsive Website or Blogger Template

      How to Create Responsive Website or Blogger Template


      As the time goes, browsing websites from desktop computers decreasing and using Laptops, Tablets and Mobile devices increasing day by day. So why not to create our website design custom for each types of devices, that fits and looks more attractive for those devices to acquire the visitors entered from those devices.

      Responsive web design is the approach that suggests in which design and development should respond user behavior and environment based on the size of the browser screen, platform and orientation.

      Responsive web design includes the use of flexible layouts, images and intelligent use of media queries. You can make your blogger template responsive by using special tags in CSS. Media queries (@media) are such tags, which helps to make your CSS for every device screen size. You can make many media queries on CSS that matches for each screen size and you can put custom CSS codes for each media queries.

      Here I have explained some steps for creating your blog responsive.



      Step1: Add meta tags for responsiveness



      Add the following meta tags on your blogger template using the following steps.
      1.  Go to blogger dashboard and click on template
      2. Backup your template for the risk while editing template codes.
      3. Paste the following codes between and and tags.
      4. Save your blogger template.
      For website also, paste the following codes between and tags.

      Add the following codes to size the contents of blog equal to the device width.

       

      Add the following codes to size the contents of blog equal to the device width and device height.

       

      Add the following codes to size the contents of blog equal to the device width and initial zoom size.

       

      Add the following codes to size the contents of blog equal to the device width, initial zoom size and maximum zoom size.

       

      Instead or writing meta tags, you can do the same with the following codes in CSS.

      @-moz-viewport {
                                 width: device-width;
      }

      @-moz-viewport {
                                 width: device-width;
                                 height:device-height;
      }

      @-moz-viewport {
                                 width: device-width;
                                 initial-scale:2;
      }

      @-moz-viewport {
                                 width: device-width;
                                 initial-scale:1;
                                 maximum-scale:1;
      }


      This works only for Mozilla browser, for other browsers you can use -o-, -webkit- and -ms- as prefixed properties.


      Step2:Add media queries for each screen size



      Add the following media queries  between and ]]> tags.


      @media screen and (max-width:320px){
      /*For Small Screen Moblies*/
      }

      @media screen and (max-width:480px){
      /*For Smart Phones and iPhones*/
      }

      @media screen and (max-width:768px){
      /*For Small Tables*/
      }

      @media screen and (max-width:1024px){
      /*For Notebooks*/
      }

      You can add more media queries according to your need for different screen sizes and orientations and can also use min-width: to specify minimum width of screen.

      To specify the screen orientations landscape or portrait use

      @media screen and (max-width:480px) and (orientation:landscape) {  }



      Step3: Write custom CSS code for media queries



      Now, you have to add custom CSS codes for each media queries. The default CSS properties written are replaced by the properties written within these media queries. Here is the sample CSS code written for mobile devices, you can add these codes for media screen with max-width 320 and 480 px.

      #wrapper {
              width:85%;
       }
       

      #content{
       
              width:100%;
      }
       

      #sidebar-left{
       
              width:100%;
              clear:both;
      }
       

      #sidebar-right{
       
                width: 100%;
                clear:both;
      } 



      Alternate method for adding CSS code with media queries



      For the alternate method, you can write media queries with custom CSS codes on a single .css file and link it on header part of  your blog or website as below.


      You have to give the full path for "screen.css", where the file is placed.

      You can also link different style sheet files for different screen sizes as below.





      Related Posts:





        How to Create Simple Blogger Template Easily?

        How to Create Simple Blogger Template Easily?


        To create successful blog, it needs to create blogger template more attractive and looks more professional. Even you can buy professional blogger template on the web, you may want to create blogger template by yourself for your blog. Creating a professional blogger template is more challenging task, but if you have some knowledge on HTML, XML, CSS and JavaScript, it is possible to create professional blogger template easily by yourself. In this series of tutorial, I am going to teach you basic to advanced steps to create blogger template. Today I am telling you "steps for creating a simple blogger template" with describing basic elements and along with its corresponding style sheet codes.


        Step1: Preparing demo blog for creating blogger template



        To test blogger template you have created, at first you need to set up a blogger blog and have to add some posts on the blog. To create a blog, go to blogger home page, log in using your Google user name and password and then click on create a blog link to get started. Write posts for a blog by clicking on create a new post button from the blogger dashboard.


        Step2: Creating basic elements for blogger template


        Open Notepad file write the codes according to the following format and save it as .xml extension.

        # Creating XML Part


        At first, add the following codes for  Document Type Deceleration(DTD) on XML part.




        # Creating Header Part


        After that, add the following header elements like head and title of the blog. 


        <br /><b:if cond='data:blog.pageType == "index"'><br /><data:blog.pageTitle/><br /><b:else/><br /><b:if cond='data:blog.pageType != "error_page"'><br /><data:blog.pageName/> | <data:blog.title/><br /><b:else/><br />Page Not Found | <data:blog.title/><br /></b:if><br /></b:if><br />

        # Creating CSS Part


        Add custom css codes for your template in the following format. The css codes must be placed inside and ]]>
        tag.

        body{
        font:normal normal 14px Verdana,Geneva,sans-serif;
        color:#000;padding:0 40px 40px 40px;
        background:#fff;
        font-size:14px;
        }
        #outer-wrapper{
        CSS for outer-wrapper
        }
        #header-wrapper{
        CSS for header-wrapper
        }
        #titlewrapper{
        CSS for titlewrapper
        }
        #descriptionwrapper{
        CSS for descriptionwrapper
        }
        #menuwrapper{
        CSS for menuwrapper
        }
        #contentwrapper{
        CSS for contentwrapper
        }
        #mainwrapper{ 
        CSS for mainwrapper
        }

        # Creating a Menu 


        To create menu for a blog, add the code in the following format. Replace URL and name of the tabs. 


        # Creating blog content

        To add main blog content part, add these codes to create a widget named Blog1.













        Step3: Creating gadgets on sidebar and footer.


        To create sidebar and footer and to add widgets  for them add these code, which allows you to add widgets on sidebar and footer.





        Step4: Installing blogger template on required blog.


        After creating a code file on Notepad in XML format, test it on demo blog. To install prepared template, click on backup and restore button from template option on blogger dashboard. Click on download full template, the xml file will be downloaded. Then go to the required blog then go to Template  ›  Backup / Restore option and browse and upload that xml file. The template will be applied on your blog.




        Related Posts:





        Solved Objective Questions of CSS set-4

        Solved Objective Questions of CSS set-4


        1. In CSS filters, ........................... will be used to create a shadow of object at the specified horizontal and vertical offset and color.

        A) Drop shadow effect

        B) Chroma filter

        C) Shadow object effect

        D) Shadow filter


        2. ............................. will be used to create attenuated shadow in the direction and color specified.
        English: graphic of the main CSS table spaces
        English: graphic of the main CSS table spaces (Photo credit: Wikipedia)

        A) Drop shadow effect

        B) Chroma filter

        C) Shadow object effect

        D) Shadow filter


        3. State whether the statements are true or false.

        i) Glow effect will be used to create a glow around the object.

        ii) The two parameters used in glow effect are color and intensity.

        iii) Invert effect will be used to create a negative image

        A) i-true, ii-true, iii-true

        B) i- true, ii-false, iii-true

        C) i-false, ii-true, iii-true

        D) i-false, ii-false, iii-true


        4. Which of the following are the parameters used in wave effect of CSS filter property?

        i) add        ii) freq          iii) light          iv) phase         v) intensity


        A) i, ii, iii and iv only

        B) i, ii, iii and v only

        C) i, ii, iv and v only

        D) All i, ii, iii, iv and v


        5. Match the different CSS media types with their descriptions.

        i) all a) Intended for speech synthesizers.

        ii) aural b) Intended primary for color computer screen.

        iii) screen c) Intended for paged braille printers.

        iv) embossed d) Suitable for all devices

        A) i-a, ii-b, iii-c, iv-d

        B) i-c, ii-d, iii-a, iv-b

        C) i-d, ii-a, iii-b, iv-c

        D) i-b, ii-c, iii-d, iv-a


        6. The ................... property allows you to specify the content for a element should be placed in relationship to the table.

        A) Caption

        B) Caption-side

        C) Caption-position

        D) Caption-align



        7. The ........................... property indicates whether a cell without any content should have a border displayed.

        A) empty-row

        B) empty-column

        C) empty-cell

        D) empty



        8. The ........................ property for HTML tables in CSS specifies whether the browser should control the appearance of adjacent borders that touch each other.

        A) border-spacing

        B) border-collapse

        C) caption-side

        D) table-layout



        9. The ................. property indicates whether the marker should appear inside or outside of the box containing the bullet points.

        A) list-style-align

        B) list-style-type

        C) list-style-position

        D) list-style-appearance



        10 . The overflow property of CSS can take one of the following values.

        i) visible                  ii) invisible              iii) hidden             iv) scroll           v) auto

        A) i, ii, iii and iv only

        B) i, iii, iv and v only

        C) i, ii, iv and v only

        D) All i, ii, iii, iv and v


        Answers:

        1.  A) Drop shadow effect
        2.  D) Shadow filter
        3.  B) i- true, ii-false, iii-true
        4.  A) i, ii, iii and iv only
        5.  C) i-d, ii-a, iii-b, iv-c
        6.  B) Caption-side
        7.  C) empty-cell
        8.  B) border-collapse
        9   C) list-style-position
        10  B) i, iii, iv and v only


        You Might also view the following Related Posts

        You can search the following other terms

        For other more Multiple Choice Questions (MCQs): Click Here

        Solved MCQ of CSS set-1

        Solved MCQ of CSS set-1

        A perfect desktop image for CSS developers
        Cascading Style Sheet (CSS) (Photo credit: Wikipedia)

        1. Which of the following are the advantages of CSS?

        i) CSS saves time ii) Page load faster

        iii) Easy maintenance iv) Multiple compatibility


        A) i, ii and iii only

        B) ii, iii and iv only

        C) i, ii and iv only

        D) All i, ii, iii and iv


        2. A CSS style rule is made up of three parts which are ..

        i) Selector ii) Property

        iii) Value iv) Attribute

        A) i, ii and iii only

        B) ii, iii and iv only

        C) i, ii and iv only

        D) All i, ii, iii and iv


        3. Which is not the selector type of CSS?

        A) Type selector

        B) Universal selector

        C) Local selector

        D) Descendant selector


        4. The correct example of class selector is .

        A) h2.type1 {color: #000000;}

        B) h2 type1 {color: #000000;}

        C) h2 #type1 {color: #000000;}

        D) #h2 type1 {color: #000000;}


        5. CSS comments are inserted inside .

        A) //...................//

        B)

        C) /*..................*/

        D) All of the above


        6. We can handle old browsers by placing CSS codes inside.

        A) //...................//

        B)

        C) /*..................*/

        D) None of the above


        7. State whether True or False.

        i) Any inline style sheet takes highest priority.

        ii) Any rule defined in tag will override rules defined in any external style sheet file.

        A) i-True, ii-False

        B) i-False, ii-True

        C) i-True, ii-True

        D) i-False, ii-False


        8. ...................... is used to import an external style sheet in a manner similar to the element.

        A) @insert

        B) @import

        C) #import

        D) #insert


        9. Which of the following is / are the measurement units in CSS?

        i) % ii) cm iii) em iv) pc v) px

        A) i, ii, iii and iv only

        B) i, ii, iii and v only

        C) i, ii, iv and v only

        D) All i, ii, iii, iv and v


        10. The possible formats of CSS colors are.

        i) Hex code - #RRGGBB

        ii) Short Hex Code - #RGB

        iii) RGB% - rgb(rrr%, ggg%, bbb%)

        iv) Keyword - teal, blue, black

        A) i, ii and iv only

        B) ii, iii and iv only

        C) i, iii and iv only

        D) All i, ii, iii and iv

        Answers:

        1.  D) All i, ii, iii and iv
        2.  A) i, ii and iii only
        3.  C) Local selector
        4.  A) h2.type1 {color: #000000;}
        5.  C) /*..................*/
        6.  B)
        7.  C) i-True, ii-True
        8.  B) @import
        9   D) All i, ii, iii, iv and v
        10 D) All i, ii, iii and iv


        You Might also view the following Related Posts

        You can search the following other terms

        For other more Multiple Choice Questions (MCQs): Click Here

        Solved MCQ of Internet and HTML set-3

        Solved MCQ of Internet and HTML set-3


        1. ................ are the physical meeting points of backbones.

        A) Gateways

        B) Pathways

        C) Routers

        D) Domains


        2. WSFTP is an example of ........................... program.

        A) FTP

        B) Telnet

        C) Web browser

        D) Mail


        3. Which of the following is best suitable for remote administration of a computer?

        A) Telnet

        B) WAIS

        C) Browsers

        D) HTML


        4. The leading bit pattern of class B network is ..................

        A) 0

        B) 10

        C) 110

        D) 11


        5. The ...................... attribute adds space within each cell.

        A) CELL SPACING

        B) CELL PADDING

        C) WIDTH

        D) ALIGN


        6. Which of the following are two popular protocols that allow home computer users to connect their computers to the internet as per hosts?

        i) SLIP ii) PPP

        iii) HTTP iv) SMTP


        A) iii and iv

        B) ii and iii

        C) i and ii

        D) ii and iii


        7. A computer that translates ........................ of another computer into an ............... and vice versa, upon request is known as DNS server.

        A) Domain name and IP address

        B) Host address and Domain name

        C) Domain name and server address

        D) Server name and IP address



        8. Identify the uses of URI in HTML.

        i) Link to another document or resource

        ii) Link to external style sheet or script

        iii) Create an image map

        A) i and ii

        B) i and iii

        C) ii and iii

        D) i , ii and iii


        9. An ordered list is a ...................... list and an unordered list is a ................. list.

        A) bulleted & numbered

        B) bulleted & tabular

        C) tabular & numbered

        D) numbered & bulleted


        10. Linking to another place in the same or another web page requires two A (Anchor) tags, the first with the .................. attribute and the second the ...................attribute.

        A) NAME & LINK

        B) LINK & HREF

        C) HREF & NAME

        D) TARGET & VALUE

        Answers:

        1.  A) Gateways
        2.  A) FTP
        3.  A) Telnet
        4.  B) 10
        5.  B) CELL PADDING
        6.  C) i and ii
        7.  A) Domain name and IP address
        8.  D) i , ii and iii
        9   D) numbered & bulleted
        10 C) HREF & NAME

        You Might also view the following Related Posts

        You can search the following other terms

        For other more Multiple Choice Questions (MCQs): Click Here

        Solved MCQs of XML set - 1

        Solved MCQs of XML set - 1

        1. XML stands for ......................
        A) Extensible Markup Language
        B) Eccessive Markup Language
        C) Executive Markup Language
        D) Extensible Managing Language

        2. The XML format has a simpler set of ........................ than HTML.
        A) loader rule
        B) parsing rules
        C) generator rule
        D) logical rule

        3. All information in XML is .....................
        A) Unicode text
        B) multi code
        C) multi text
        D) simple text

        4. An entity in XML is a ................................
        A) class
        B) logical information
        C) simple information
        D) flexible information storage unit

        5. A tool for reading XML documents is popularly called a .....................
        A) XML delimiters
        B) XML processor
        C) XML parser
        D) Both b and c

        6. XSL stands for
        A) Extensible Style sheet Language
        B) Extensible Style Language
        C) Exclusive Stylesheet Language
        D) Exclusive Style Language

        7. XML tabs are .............................
        A) case sensitive
        B) case insnesitive
        C) easy
        D) deficult

        8. In XML the attribute value must always be quoted with .................
        A) double quotes
        B) single quotes
        C) both a and b
        D) name of attributes

        9. Elements from the HTML namespace are displayed as they would in .......................
        A) DHTML
        B) XML
        C) HTML
        D) DXML

        10. An .................... block can be to embed a CSS style sheet within an XML document.
        A)
        B)
        C)
        D)


        Answers:

        1. A) Extensible Markup Language
        2. B) parsing rules
        3. A) Unicode text
        4. D) flexible information storage unit
        5. D) Both b and c
        6. A) Extensible Style sheet Language
        7. A) case sensitive
        8. A) double quotes
        9. C) HTML
        10.C)

        You Might also view the following Related Posts

        You can view the following other posts

        For other more Multiple Choice Questions (MCQs): Click Here

        MCQ of Internet and HTML With Answer Set-2

        MCQ of Internet and HTML With Answer Set-2


        1. ......................... connects web pages.
        A) Connector
        B) Link
        C) Hyperlink
        D) None of the above

        2. Internet is ...............................
        A) a network of networks
        B) an ocean of resources waiting to be mined
        C) a cooperative anarchy
        D) all of the above

        3. .................. is suitable for remote administration of a computer.
        A) FTP
        B) Shell
        C) Remote Procedure Call
        D) Telnet

        4. Title tag is nested within the ....................... tag.
        A) Body
        B) Head
        C) List
        D) Table

        5. .................... is a web's native protocol.
        A) SLIP
        B) TCP/IP
        C) HTTP
        D) PPP

        6. The Internet uses the ........................ as the protocol engine.
        A) SLIP
        B) HTTP
        C) TCP/IP
        D) PPP

        7. A ............................. is a symbolic name a network administrator assigns to a machine.
        A) URL
        B) DNS
        C) IP address
        D) Host name

        8.  Which of the following protocol is used for e-mail services.
        A) SMAP
        B) SMTP
        C) SMIP
        D) SMOP

        9. ...................... is the incoming e-mail server.
        A) POP
        B) SMTP
        C) SMIP
        D) PPP

        10. ....................... is a uniform naming scheme for locating resources on the web.
        A) URI
        B) HTTP
        C) WEBNAME
        D) RESOURCENAME

        Answers:

        1. C) Hyperlink
        2.  D) all of the above
        3.  D) Telnet
        4.  B) Head
        5.  C) HTTP
        6.  C) TCP/IP
        7.  D) Host name
        8.  B) SMTP
        9.  A) POP
        10. A) URI


        You Might also view the following Related Posts

        You can view the following other posts

        For other more Multiple Choice Questions (MCQs): Click Here

        Subscribe to: Posts (Atom)

        Kategori

        Sport

        Kategori