Lab Assignment – I (HTML)

1. Display your name as plane text WEB Browser • Code

2. Display your name in WEB Browser declared inside the body • Code

3. Write a complete source code to demonstrate the use of html, head, title, body tag • Code

4. Write a source code to demonstrate whitespace collapsing • Code

5. Create two paragraphs. Paragraph 1 containing the heading as Management Colleges in Nepal and Paragraph 2 containing the heading as Engineering Colleges in Nepal. Heading of Paragraph 2 must be smaller than the heading of Paragraph 2. Also show the use of b, i, sup, sub, small, strong, abbr, acronym, blockquote with cite attribute, cite , q tag inside the two paragraphs • Code

6. Write the HTML code to display the following output: • Code

   Hi,
   My
   Name
   Is
   John

7. Write the HTML code to demonstrate: • Code

   a. code
   b. kbd
   c. var
   d. samp

8. Write a HTML code to demonstrate the concept of: • Code

   • Unordered list

   • ordered list

   • Nested unordered list

   • Nested ordered list

   • Definition list

9. Write the HTML code to demonstrate image as list • Code

10. Write the HTML code to demonstrate the use of URL along with Absolute URL, Relative URL • Code

11. How can you create link in HTML? Show a proper section of code • Code

12. Write the HTML code to generate the following output with the use of anchor tag: • Code

    Home About Gallery

    The home is in parent directory , about is in sub directory of home and Gallery is in root directory. Write the code for each and every tabs

13. Create a web page that demonstrate the use of destination anchor using name and id attributes • Code

14. Add image using img tag • Code

15. Create an image gallery of 9 images with 3 images in a row each having 200 width and height 250 • Code

16. Write a HTML code to map image as Client side and ServerSide • Code

17. Write a HTML code to demonstrate how audio, video can be added to the web pages along with all the attributes • Code

18. Write the HTML code to print the following output: • Code

    SN	Name	College	Address	Email	Phone
    First Name	Last Name

    Fill atleast 5 details

19. Write XHTML code to demonstrate the use of Nested table with rowspan and colspan attribute • Code

20. Create a simple html page to demonstrate the basic structural tags of HTML. • Code

21. Prepare an html page to display the syntax and usage of any 10 text formatting tags.• Code

22. Create an html page to display your bio data using <pre> tag. (Do not use table). • Code

23. Create an html page to write brief description about your college using header tags, paragraph tag and text formatting tags. • Code

24. Create an image gallery of any three popular places in Nepal along with their short description with the images aligned in left or right. • Code

25. Demonstrate the use of align, vspace and hspace attribute using minimum of six images. (Make a gallery) • Code

26. Create a webpage to containing brief description about your college and links to your college and university website. • Code

27. Demonstrate the use of top to bottom and bottom to top link using anchor tags. • Code

28. Create the following list using html. • Code

    1. BSCIT
    2. MSCIT
        a. Semester 1
            ▪ Subject 1
            ▪ Subject 2
            ▪ Subject 3
        b. Semester 2
        c. Semester 3
    3. BScNT

29. Create the following list using html. • Code

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

30. Design the following single table using HTML. • Code

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

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

31. Design the following table using nested tables in HTML. • Code

    Logo (image) ABC Company:

    Home(link)

    About Us(link)

    Contact Us(link)

    Content 1 News 1 Content 2 News 2

    Copyright Facebook, Twitter(link) Powered By

32. Design an html form to demonstrate the 10 different types of generated using INPUT tag. • Code

33. Design an html form to submit a job application form. Demonstrate use of drop-down list, text areas and file upload control. • Code