Practice Set MTE
Practice Set MTE
Write HTML programs (using list and table) to display list of books and author
information with following CSS:
. Display list roman letters with background-color green
• Display list with circle bullets with second line content just below the
circle bullet
• Display table with separated cells with background color blue under
div tag with background color gray. Cell space should be 10 px.
2. Write a HTML page to display your name with following CSS
• Your name should be in center of the page
• Page should have a background image with vertical repetition of the image
• Background image should 20 pixel margin from the top
• Displayed name should bolder than normal bold
• Your name should display 20 pixel
3. Write a HTML page hyperlinks of various college names. Apply following CSS
• Display link in red color with .org domain
• Display link in green color that consists of “http” protocol
• Display link in blue color that consists of “GU” word in the URL
4. Write a HTML program to display content in <p> tag in yellow but one <p> tag content should be
in blue.
5. Write a HTML page with CSS with three paragraphs. Make first paragraph background
color yellow and remaining paragraphs background color blue.
6. Write a HTML page with that consists of a hyper link of amazon.com. Change link color
on following situations:
• When mouse over on the link
• When link has been visited
• At first, Link color should be green
7. Write a HTML page with CSS in which first child of H1 tag content should be 20 px.
8. Write a HTML page with CSS in quotation mark should be & symbol
9. Write a HTML page with CSS in first line of a paragraph should be in blue color.
10. Write a HTML page with CSS. Insert a word “Galgotias University” before any content
of paragraph and insert mobile no of college after the paragraph.
11. Explain the role of mouse and keyboard events in DHTML.
12. Utilize the oninput event to trigger a function that calculates and displays the character
count in a text input.
13. Explain DHTML and its role to demonstrate the generation of dynamic content.
14. Design a three-frame HTML layout that adapts to different screen sizes.
15. Explain with example different selectors available in CSS.
16. Explain the different semantic tags available in CSS and its effect on screen readers.
17. You are tasked with designing a webpage for an online apparel store. The page needs to
display images of apparels, play videos for the garment selected.
18. Design a HTML page and utilize different HTML 5 validation attributes to perform client
side validations for the different input fields.
19. Explain the different ways colours can be specified in CSS.
20. Explain CSS box model and how does box-sizing property help to evaluate the overall
width of the element.
21. Design a responsive layout that adapts to different screen sizes using CSS media queries.
22. Create a CSS grid layout to arrange elements in a flexible and responsive manner.
23. Use CSS flexbox to align elements horizontally and vertically within a container.
24. Create a card layout using CSS to display product information.
25. Implement a sticky navigation bar that stays fixed at the top of the page as the user
scrolls.
26. Create an html page names as “Table.html” to display your class time table.
b) Provide various color options to the cell. (Highlight the lab hours and elective
hours with different colors.)
27. Explain the different ways CSS can be included in page. What is the purpose of Inline
CSS? Explain Inline CSS with example.
28. Explain the use of position property in CSS and the different types of positioning an
element in a page.
29. Explain CSS image sprite and the advantage of using it with example.
30. Enlist the different markup tags in HTML and also explain in brief.