HTML and CSS Practical Examination_Questions_Powered_by_Tec_with_Amey

 


HTML and CSS Practical Examination

Subject: Computer / Information Technology Total Marks: 10 per set Software: Notepad / Notepad++ Instructions: Write HTML and CSS code, save the file with the .html extension, and open it in a web browser. Use internal CSS with the <style> tag inside the <head> section.

Set 1 – Introduction to HTML and CSS

  1. Create a webpage titled “My Introduction”. Display your name as a heading and write five sentences about yourself.

  2. Use CSS to set a light blue background, change the heading colour to dark blue, and centre-align the heading.

Set 2 – Text Formatting

  1. Create a webpage titled “My School” with a heading and a paragraph about your school.

  2. Use CSS to change the font family, font size and text colour. Make the heading bold and underlined.

Set 3 – Background Colours

  1. Create a webpage titled “Save Environment” with a heading and a paragraph about protecting trees.

  2. Use CSS to set a light green background, a green heading and a dark green paragraph border.

Set 4 – Lists and CSS

  1. Create a webpage titled “My Favourite Foods” and display five food items in an unordered list.

  2. Use CSS to change the list text colour, font size and background colour.

Set 5 – Borders and Spacing

  1. Create a webpage titled “My Hobbies” with a heading and a list of four hobbies.

  2. Use CSS to apply a border around the content, add padding and set a margin around the box.

Set 6 – Images and CSS

  1. Create a webpage titled “My Favourite Animal”. Insert an image of your favourite animal and write three sentences about it.

  2. Use CSS to set the image width to 250 pixels, add a border and centre-align the image.

Set 7 – Tables and CSS

  1. Create a webpage titled “Student Marksheet”. Make a table with three columns: Student Name, Subject and Marks. Enter five records.

  2. Use CSS to add borders, colour the table heading, and centre-align the text.

Set 8 – Links and CSS

  1. Create a webpage titled “Educational Websites” with hyperlinks to Google, Wikipedia and Khan Academy.

  2. Use CSS to change the link colour and remove the underline. Add a different colour when the mouse hovers over a link.

Set 9 – Class Selector

  1. Create a webpage titled “Importance of Education” with two headings and two paragraphs.

  2. Use a CSS class named .highlight to give one paragraph a yellow background and bold text.

Set 10 – Mini Website Project

  1. Design a webpage titled “My City” with the city name, a paragraph, an image of a famous place and a list of three tourist attractions.

  2. Use CSS to add a background colour, style the heading, add a border around the image and change the font style of the paragraph.

Comments

Post a Comment

Popular posts from this blog

india vs netherlands | "India vs Netherlands 2026: Economy, Education, Jobs, Tourism & Quality of Life Compared" | INDIA VS NETHERLAND

Image
  India vs Netherlands: A Complete Comparison of Culture, Economy, Education, Tourism, and Quality of Life href="https://blogger.googleusercontent.com/img/a/AVvXsEhBf7JQBchI_Z0_IT1eM0m9R_AJK_EMCCd5HP6rSfCmMRRLEv4sGH5PPhz5t3KG85ckZEf02yCcDnJWalx0hWFBcH-3byvbuj-OY_D5i-agvfQGrXszxMK2NriI2R8FoJIDqZfxMZE6nSzCTkpk4mjkiVEFywQsaH6FsNkWVIrxxHCoFjN4NSwlQwKh07U" style="margin-left: 1em; margin-right: 1em;"> India vs Netherlands: Which Country Offers Better Opportunities in 2026? When people search for India vs Netherlands , they are often looking for differences in quality of life, education, jobs, economy, tourism, technology, healthcare, and living standards . Both countries have unique strengths that make them attractive for students, professionals, entrepreneurs, and travelers. In this detailed comparison, we'll explore how India and the Netherlands differ and what makes each country special. Quick Overview: India vs Netherlands Feature India Netherlands Populat...
Read more

EduFlourish: Empowering Educational Excellence

EduFlourish: Empowering Educational Excellence How EduFlourish is helping schools build sustainable, future-ready institutions In today’s rapidly changing educational landscape, institutions need more than traditional management practices to succeed. They need innovation, strategic planning, and effective leadership. This is where EduFlourish plays a vital role. About EduFlourish Founded by Ms. Deepali Shenoy, EduFlourish is an educational consulting practice dedicated to helping schools and educational institutions achieve sustainable growth. EduFlourish works across four core areas: • Operations management — streamlining day-to-day processes so institutions run more efficiently • Admissions management — building stronger, more effective enrollment strategies • Staff development — equipping educators and administrators with the skills to lead • Strategic planning — creating long-term roadmaps for sustainable institutional growth What Makes EduFlourish Different With a strong ...
Read more

TecwithAmey Enters the Gaming World with Three Exciting Browser Games

Image
TecwithAmey Enters the Gaming World with Three Exciting Browser Games At TecwithAmey, we have always believed that technology should not only help people learn but also provide opportunities to create, explore, and have fun. Over the past few months, our focus has been on building platforms that help student s, freshers, and technology enthusiasts gain practical knowledge. Today, we are excited to take a new step in our journey. We are happy to announce the launch of three browser-based games developed and published under the TecwithAmey platform. Why Games? Game development is one of the best ways to combine creativity, logic, design, and programming skills. While working on various educational and technology projects, we wanted to experiment with interactive entertainment and create something that anyone could play directly from their browser without downloading any software. The result is a collection of simple, engaging, and fun games that are accessible to everyone. ♟️ Chess ...
Read more