Ticker

6/recent/ticker-posts

Get Basic Prompts For HTML

Pushpa November 12, 2024

The foundation of every website is HTML. These 30 easy HTML prompts are ideal for beginners who want to get their hands dirty and learn by doing. One step at a time, each prompt helps you develop your skills by encouraging you to use fundamental HTML elements to create small portions of a webpage. The foundation of every website is HTML. These 30 easy HTML prompts are ideal for beginners who want to get their hands dirty and learn by doing. One step at a time, each prompt helps you develop your skills by encouraging you to use fundamental HTML elements to create small portions of a webpage.

Get Basic Prompts For HTML

These exercises cover important topics like tables, forms, and even embedding multimedia, from creating simple pages with headings and paragraphs to adding lists, images, and links. Using HTML tags like

<div><img><form>  , you will learn how to organize content. You will also experiment with design ideas like basic navigation menus and background colors.


HTML Prompts !


1. Write an HTML page with a heading that says "Welcome to My Website" and a paragraph explaining what your website is about.
2. Create a basic webpage about yourself, including a title, heading, and a paragraph with your introduction. Add an image of yourself.
3. Create an unordered list with your top 5 favorite foods, like pizza, burgers, sushi, etc.
4. Use HTML to create a simple contact page with your email address and phone number, along with a heading.
5. Make a list of 5 goals for this year using an ordered list. Each goal should have a short description.
6. Create a page with a heading and some text that includes links to your favorite websites. Use the `<a>` tag for the links.
7. Create a table that lists 5 of your favorite movies, including columns for the title, director, and release year.
8. Add an image of your choice to a webpage using the `<img>` tag. Don’t forget to include an "alt" attribute for accessibility!
9. Create a webpage with a header, main content area, and a footer. Use the `<header>`, `<main>`, and `<footer>` tags.
10. Add a background color to your webpage using the `<body>` tag and the `style` attribute (e.g., background-color: lightblue).
11. Create an unordered list of your top 5 hobbies and describe each one with a short sentence.
12. Build a simple contact form with text input fields for name and email, plus a submit button.
13. Use the `<hr>` tag to add a horizontal line that separates different sections of your webpage.
14. Build a basic navigation menu with links that would guide someone to different sections of your website.
15. Write a short story about a place you want to visit and include an image of that place.
16. Create a webpage with a heading and a list of frequently asked questions with answers below each question.
17. Write a short "About Me" section with a heading and a few paragraphs that describe who you are and what you like to do.
18. Use HTML to format some text with bold, italic, and underlined styles to emphasize important information.
19. Create a page that shows a thank you message after someone submits a form (you can write it as a placeholder for now).
20. Make an ordered list of 5 books you’ve read and add a brief description of each.
21. Create a webpage with a footer that includes your contact information, like your email or social media handles.
22. Embed a YouTube video into your webpage using the `<iframe>` tag.
23. Build a page that includes a list of ingredients and steps for a recipe. Use an ordered list for the steps.
24. Create a login page with fields for username and password and a submit button. Use the `<form>` element.
25. Use HTML to display a collection of color boxes. You can use the `<div>` element and apply different background colors.
26. Create a gallery of images with multiple `<img>` tags. Make sure to organize them with some spacing between them.
27. Add a "Read More" link that, when clicked, shows more content using a simple HTML setup.
28. Use `<h1>`, `<h2>`, and `<h3>` tags to create a webpage with a main heading and some subheadings under different topics.
29. Create a table with 3 columns: "Package," "Price," and "Features." List 3 different packages with their prices and features.
30. Write a page with several paragraphs describing your favorite season. Use `<p>` tags to format each paragraph.
Pushpa

Posted by Pushpa

Play Quiz Games For Free !!

Post a Comment

0 Comments