Skip to content

Instantly share code, notes, and snippets.

@alwell-kevin
Created October 23, 2023 15:35
Show Gist options
  • Save alwell-kevin/44008d09cb13857164814bacd90491d1 to your computer and use it in GitHub Desktop.
Save alwell-kevin/44008d09cb13857164814bacd90491d1 to your computer and use it in GitHub Desktop.
HTML exercises for NYIT

Here 15 HTML exercises for beginner developers:

  1. Create a basic HTML document with a title.
  2. Add headings (h1, h2, h3) to your document.
  3. Insert a paragraph of text.
  4. Create an ordered (numbered) list.
  5. Build an unordered (bulleted) list.
  6. Add an image to your page.
  7. Create a hyperlink to another webpage.
  8. Include a line break in your text.
  9. Use a horizontal rule to separate content.
  10. Create a simple form with text input and a submit button.
  11. Add a comment to your HTML code.
  12. Create a table with at least 3 rows and 3 columns.
  13. Embed a YouTube video on your page.
  14. Use the
    element to group content.
  15. Implement a basic HTML structure with header, main content, and footer sections.

Intermediate exercises

Here are 15 intermediate-level programming exercises for developers:

  1. Create a personal blog website with multiple pages and a navigation menu.
  2. Build a task management application with features like task creation, editing, and completion status.
  3. Develop a basic content management system (CMS) for creating and editing web content.
  4. Implement user authentication and authorization for a web application.
  5. Create a real-time chat application using WebSockets.
  6. Build a calculator that can handle complex mathematical expressions.
  7. Create a file upload and download system for managing files on a server.
  8. Develop a basic e-commerce platform with product listings, a shopping cart, and checkout functionality.
  9. Implement a RESTful API for a service of your choice (e.g., a to-do list or weather data).
  10. Build a weather application that provides real-time weather information based on user location.
  11. Create a social media feed with user profiles, posts, and the ability to like and comment on posts.
  12. Develop a portfolio website that showcases your projects and work.
  13. Build a game, such as a simple platformer or a puzzle game.
  14. Implement a recommendation system that suggests content to users based on their preferences.
  15. Develop a finance tracker that allows users to input and categorize expenses and income.

These intermediate exercises cover a wide range of development skills and can help you strengthen your programming abilities.

Interview Questions

HTML interview questions for aspiring designers:

  1. What is HTML, and what is its role in web design?
  2. How do you create a hyperlink in HTML?
  3. Explain the purpose and usage of HTML tags like
    and .
  4. What is semantic HTML, and why is it important in web design?
  5. How do you embed multimedia elements like videos and audio in HTML?
  6. Describe the differences between HTML and HTML5.
  7. What are HTML forms, and how can they be styled for better user experience?
  8. How can you create a responsive web design using HTML? What are media queries?
  9. What is the purpose of the HTML tag, and how is it used for SEO?
  10. Explain the difference between inline and block-level elements in HTML.
  11. What are HTML entities, and when should they be used?
  12. How do you add comments in HTML, and why are they useful in design?
  13. What are data attributes in HTML, and how can they be used in design?
  14. Describe the importance of accessibility in web design and how HTML contributes to it.
  15. How can you optimize HTML for faster web page loading times?
  16. These questions can help interviewers assess a designer's understanding of HTML and their ability to use it effectively in web design.

Feel free to reach out if you need the solutions or more details on any of these exercises.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment