html practical assignment questions

• HTML Lab Assignments

HTML Assignment and HTML Examples for Practice

Text formatting, working with image, working with link.

HTML Practice Tests

Free mcqs to test your knowledge of html, html basics (test 1).

Objective, MCSA, and Fill-in-the-Blanks type questions.

HTML Overview, and HTML Basics.

HTML Basics (Test 2)

Objective, and MCSA type questions.

HTML Tags (Test 1)

Html tags (test 2), html tags (test 3).

MCSA, and Fill-in-the-Blanks type questions.

HTML Tags (Test 4)

• Skip to main content
• Skip to search
• Skip to select language
• Sign up for free
• English (US)

Test your skills: HTML text basics

The aim of this skill test is to assess whether you understand how to mark up text in HTML to give it structure and meaning.

Note: You can try solutions in the interactive editors on this page or in an online editor such as CodePen , JSFiddle , or Glitch .

If you get stuck, you can reach out to us in one of our communication channels .

In this task, we want you to mark up the provided HTML using semantic heading and paragraph elements.

The finished example should look like this:

Try updating the live code below to recreate the finished example:

Download the starting point for this task to work in your own editor or in an online editor.

In this task, we want you to turn the first un-marked up list into an unordered list, and the second one into an ordered list.

In this task, you are provided with a paragraph, and your aim is to use some inline elements to mark up a couple of appropriate words with strong importance, and a couple with emphasis.

• EyeHunts.com
• Interview Puzzle

HTML practice exercises with solutions

• March 13, 2023 March 13, 2023

In this tutorial, we are sharing some HTML practice exercises with solutions. These questions are very easy so do try first your self then go for solutions.

HTML practice exercises with examples of solutions

Here are direct codes with every question.

1. Write a code for basic HTML webpage with a heading, a paragraph, and an image.

2. Wirte a HTML code with simple form with two input fields and a submit button.

3. Create a HTML webpage with a table have three columns and three rows.

4. Add a dropdown menu with three options in HTML webpage.

5. Write a code for a hyperlink that opens a new tab when clicked.

There are many more HTML elements and attributes to explore and experiment with.

Do comment if you have any doubts or suggestions on this HTML basic code.

Note:  The  All HTML Examples codes  are tested on the Firefox browser and the Chrome browser. OS:  Windows 10 Code: HTML 5 Version

Share this:

Leave a reply cancel reply.

Your email address will not be published. Required fields are marked *

Notify me of follow-up comments by email.

Notify me of new posts by email.

Popular Tutorials

Learn python interactively, popular examples.

HTML (HyperText Markup Language) is a language used for creating webpages which is the fundamental building block of the Web.

One thing to remember about HTML is that it is a markup language with no programming constructs. Instead, the language provides us with a structure to build web pages.

Using HTML, we can define web page elements such as paragraphs, headings, links, and images. Our HTML tutorials will teach you everything you need to know about HTML5 (modern HTML) step-by-step.

• Introduction

HTML Basics

• Inline Elements
• Head Elements

Semantic HTML

• HTML, CSS & JS
• Graphics & Media
• Why learn HTML?

How to learn HTML?

Html introduction.

• What is HTML?
• Web Design Basics
• HTML Paragraphs
• HTML Headings
• HTML Comments
• HTML Unordered List
• HTML Ordered List
• HTML Description List
• HTML Line Break
• HTML Pre Tag
• HTML Horizontal Line

HTML Inline

• HTML Block and Inline Elements
• HTML Images
• HTML Italic
• HTML Superscript and Subscript
• HTML Formatting
• HTML Meta Elements
• HTML Favicon
• HTML Form Elements
• HTML Form Action
• HTML Semantic HTML
• HTML div Tag
• HTML aside Tag
• HTML section Tag
• HTML footer Tag
• HTML main Tag
• HTML figure and figcaption
• HTML Accessibility

HTML, CSS & JavaScript

• HTML Layout
• HTML Responsive Web Design
• HTML and JavaScript

HTML Graphics & Media

• HTML Canvas

HTML Miscellaneous

• HTML Iframes
• HTML Entities
• HTML Quotations
• HTML File Paths
• HTML Emojis
• HTML Symbols
• HTML is the standard markup language for creating the structure of web pages.
• We can display web page content like paragraphs, lists, images, and links in a structured way using HTML.
• We can only define the structure of a website using HTML. For appearance (color, layout, design), we use CSS. Similarly, JavaScript is used for adding functionality to a web page.
• HTML5 is the latest and major HTML version.

Why Learn HTML?

• HTML is the backbone of all websites; we can use it to create the structure and layout of a webpage. In addition, HTML will allow you to design your own websites and edit existing ones.
• It is a fundamental skill for web development and often a necessary step before learning other languages like CSS and JavaScript. Plus, it's a well-established language with tons of resources available for learning and troubleshooting.
• With HTML, you can better optimize your website's SEO and improve your marketing.
• HTML is easy to learn and use, making it a perfect choice for beginners.
• If you're looking for career opportunities, HTML can open doors in web development, web design, front-end development, and user experience design.
• Programiz HTML Tutorials - Learn everything you need to know about HTML5 step-by-step.
• Mozilla Documentation - Learn modern HTML in-depth (can be a little hard to follow).
• FreeCodeCamp HTML Course - Learn HTML interactively for FREE.

• HTML Tutorial
• HTML Exercises
• HTML Attributes
• Global Attributes
• Event Attributes
• HTML Interview Questions
• DOM Audio/Video
• HTML Examples
• Color Picker
• A to Z Guide
• HTML Formatter
• 10 HTML Project Ideas & Topics For Beginners [2024]

Top 10 Projects For Beginners To Practice HTML and CSS Skills

• Top 10 Coding Projects For Beginners
• Top 10 Front-End Web Development Projects For Beginners
• JavaScript Project Ideas with Source Code
• 10 Best JavaScript Project Ideas For Beginners in 2024
• Top 5 JavaScript Projects For Beginners on GFG
• 90+ React Projects with Source Code [2024]
• 7 Best React Project Ideas For Beginners in 2024
• 12 Best Full Stack Project Ideas in 2024
• 10 Best Web Development Projects For Your Resume
• 30+ Web Development Projects with Source Code [2024]
• 10 Best Angular Projects Ideas For Beginners
• Top 7 Node.js Project Ideas For Beginners
• 5 Best MERN Projects To Add In Resume
• 10 Best Web Development Project Ideas For Beginners in 2024
• 5 Amazing React Native Project Ideas for Beginners

Learning to code is always exciting and fun for everyone and when it comes to stepping into the programming world most of the people start with the easiest thing HTML and CSS . Every beginner’s coding journey in frontend starts with these two basic building blocks and you need to be creative when it comes to designing a beautiful application. 

Initially, beginners enjoy making buttons, adding the links, adding images, working with layout and a lot of cool stuff in web designing but when it comes to making a project using only HTML and CSS they get stuck and confuse about what they should make to practice all these stuff. Afterall their knowledge is just limited to HTML and CSS. No matter what after learning everything at some point you will realize that making a project is important to practice HTML and CSS skills. You need to check how HTML and CSS work together to design a beautiful frontend application. So the question is what are some beginner-friendly projects you can build to practice everything you have learned…Let’s discuss that.  

1. A Tribute Page

The simplest website you can make as a beginner is a tribute page of someone you admire in your life. It requires only basic knowledge of HTML and CSS. Make a webpage writing about that person adding his/her image. On the top of the webpage, add the image and name of the person and below that give layout for the rest of the details. You can use paragraphs, lists, links, images with CSS to give it a descent look. Add a suitable background color and font style on your webpage. Most of the parts you can make using HTML but to give it a better look using a bit of CSS. Take help from the link given below. 

• My Tribute Page

2. Webpage Including Form

Forms are always an essential part of any project and you will be working with a lot of forms in most of the applications so why not practice it earlier and test your knowledge. Once you get familiar with the input field or basic tags in HTML to create a form make a project using all those tags. How to use a text field, checkbox, radio button, date, and other important elements in a single form. You will be learning how to give a proper structure to a webpage while creating a form. Knowledge of HTML / HTML5 is good enough but you can use a bit of CSS to make the project look better. Take help from the links given below. 

• Survey Form

3. Parallax Website

A parallax website includes fixed images in the background that you can keep in place and you can scroll down the page to see different parts of the image. With basic knowledge of HTML and CSS, you can give a parallax effect to a website. Using the parallax effect in web designing is really popular and it gives beautiful look and feels to the webpage. Give it a try and divide the whole page into three to four different sections. Set 3-4 background images, align the text for different sections, set margin and padding, add background-position and other CSS elements and properties to create a parallax effect. You can take help from the link given below. 

• Parallax Website

4. Landing Page

A landing page is another good project you can make using HTML and CSS but it requires a solid knowledge of these two building blocks. You will be using lots of creativity while making a landing page. You will practice how to add footer and header, create columns, align-items, divide the sections and a lot of things. You will have to use CSS carefully keeping in mind that different elements do not overlap with each other. You will also take care of color combinations, padding, margin, space between sections, paragraphs, and boxes. Color combinations should go well with each other for different sections or backgrounds.

5. Restaurant Website

Showcase your solid knowledge of HTML and CSS creating a beautiful webpage for a restaurant. Making a layout for a restaurant will be a bit complicated than previous project examples. You will be aligning the different food items and drinks using a CSS layout grid. You will be adding prices, images and you need to give it a beautiful look and feel as well using the proper combination of colors, font-style and images. You can add pictures gallery for different food items, you can also add sliding images for a better look. Add links for redirection to internal pages. Make it responsive setting a viewport, using media queries and grid. You can take help from the link given below. 

• Restaurant Website

6. An Event or Conference Webpage

You can make a static page holding an event or conference. People who are interested in attending the conference create a register button for them. Mention different links for speaker, venue and schedule at the top in the header section. Describe the purpose of the conference or the category of people who can get benefit from this conference. Add an introduction and images of the speaker, venue detail and the main purpose of the conference on your webpage. Divide the page into sections, add header and footer showcasing the menu. Use proper background color that can go well with each other for various sections. Choose a descent font style and font color that matches the theme of your web page. It requires HTML/HTML5 and CSS knowledge in depth. You can take help from the link given below. 

• Event webpage

7. Music Store Page

If you are a music lover you can make a webpage for it. It requires HTML5 CSS3 knowledge. Add a suitable background image describing the purpose or what the page is all about. In the header section add different menus. Add buttons, links, images and some description about the collection of songs available. At the bottom mention the links for shopping, store, career or contact details. You can also add other features on your webpages such as a trial option, gift cards or subscription. Make it responsive setting viewport or using media queries and grid. You can take help from the link given below. 

8. Photography Site

If you have in-depth knowledge of HTML5 and CSS3, you can make a one-page responsive photography site. Use flexbox and media queries for responsiveness. Add the company name with an image (related to photography) on the top (landing page). Below that showcase your work adding multiple images. Mention the contact detail of the photographer at the bottom (footer). Add a button to view your work. This button will directly bring you down to the images section. You need to take care of the margin, padding, color combination, font-size, font-style, image size and styling of a button. You can take help from the link given below. 

• Image gallery

9. Personal Portfolio

With knowledge of HTML5 and CSS3, you can also create your portfolio. Showcase your work samples and skills in your portfolio with your name and pictures. You can also add your CV there and host your complete portfolio on GitHub account. In your header section mention some menus like about, contact, work or services. At the top add one of your images and introduce yourself there. Below that add some work samples and at last (footer) add contact information or social media account. You can take help from the links given below. 

• Simple portfolio
• Portfolio gallery

10. Technical Documentation

If you have a little bit of knowledge of Javascript then you can create a webpage of technical documentation. It requires knowledge of HTML, CSS and basic javascript. Divide the whole webpage into two sections. The left side creates a menu with all the topics listed from top to bottom. Right side you need to mention the documentation or description for the topics. The idea is once you click on one of the topics in the left section it should load the content on the right. For click, you can use either javascript or CSS bookmark option. You don’t need to make it too fancy, just give it a simple and descent look, that looks good for technical documentation. You can take help from the links given below. 

• Technical Documentation

HTML is the foundation of webpages, is used for webpage development by structuring websites and web apps.You can learn HTML from the ground up by following this HTML Tutorial and HTML Examples .

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn CSS from the ground up by following this CSS Tutorial and CSS Examples .

Please Login to comment...

Similar reads.

• Web-Projects
• Web Technologies
• 10 Ways to Use Microsoft OneNote for Note-Taking
• 10 Best Yellow.ai Alternatives & Competitors in 2024
• 10 Best Online Collaboration Tools 2024
• 10 Best Autodesk Maya Alternatives for 3D Animation and Modeling in 2024
• 30 OOPs Interview Questions and Answers (2024)

Improve your Coding Skills with Practice

What kind of Experience do you want to share?

HTML Tutorial

Html graphics, html examples, html references.

You can test your HTML skills with W3Schools' Quiz.

The test contains 40 questions and there is no time limit. 

The test is not official, it's just a nice way to see how much you know, or don't know, about HTML.

Count Your Score

You will get 1 point for each correct answer. At the end of the Quiz, your total score will be displayed. Maximum score is 40 points.

Start the Quiz

Start the HTML Quiz ❯

If you don't know HTML, we suggest that you read our HTML Tutorial from scratch.

Kickstart your career

Get certified by completing the course

COLOR PICKER

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: [email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail: [email protected]

Top Tutorials

Top references, top examples, get certified.

HTML Exercises

Steps to create a webpage in html using notepad, program to see difference between paragraphs & normal text with line break, write an html program to display hello world., write a program to create a webpage to print values 1 to 5, write a program to create a webpage to print your city name in red color., write a program to print a paragraph with different font and color..

• HTML Exercises Categories
• HTML Basics
• HTML All Exercises & Assignments
• HTML Top Exercises
• HTML Paragraphs

• Implementing Joint Venture Management

How Ownership Definition Assignment Rules Are Applied to Joint Venture Transactions

Before you create ownership definition assignment rules for a joint venture, it's important to understand how assignment rules are applied to joint venture transactions.

• Determine which transactions are eligible for processing. Only transactions dated within the specified period are eligible.
• Identify the assignment rules to process for a joint venture. Only assignment rules with an effective date range that overlaps the dates for the selected period are processed.

The following illustration shows how assignment rules A, B, and C, but not D, will be processed for Period Jan 21. This is because the dates for the period are 1/1/21 through 1/31/21, and the dates for assignment rules A, B, and C overlap these dates. The dates for assignment rule D do not coincide with the dates for the period.

The assignment rule is applied to all transactions that match the account and project criteria specified in the assignment rule.

The process ignores transactions to which an ownership definition or direct billed stakeholder has already been applied.

Check for Conflicts

You need to make sure that there are no conflicts or redundancies within the assignment rules that you create for a joint venture. You want to avoid setting up two different assignment rules for the same account in a joint venture, with each assignment rule having a different ownership definition or direct billed stakeholder, for example:

• An assignment rule to assign an ownership definition to transactions in a joint venture account set.
• An assignment rule to assign a direct billed stakeholder to transactions in one of the accounts specified in the account set in the preceding assignment rule.

After the process applies one of the assignment rules to transactions, the other assignment rule can't be used for the same transactions because an assignment already exists.

To avoid this and other potential conflicts, it's recommended that you use a spreadsheet to plan or map out all the accounts with joint venture transactions that you need to create assignment rules for. If applicable, include project details if you're creating assignment rules for the distribution of project-related transactions. Identify the ownership definition or direct billed stakeholder for each assignment rule and the sequence or order in which you want to process each assignment rule. After reviewing the assignment rules and ensuring that there aren't any conflicts, gaps, or redundancies, create the assignment rules in Oracle Joint Venture Management.

Unassigned Joint Venture Transactions

After running the process to identify joint venture transactions and apply assignment rules, it's possible to have unassigned joint venture transactions in the Joint Venture Transactions work area. This occurs when neither an ownership definition nor a direct billed stakeholder has been associated with a joint venture transaction. Unassigned transactions can't be distributed. However, you can manually assign an ownership definition or direct billed stakeholder to these transactions in the Joint Venture Transactions work area.

Assignment Rule Sequencing

You specify a sequence number in assignment rules to determine the order in which you want them processed. This enables you to set up multiple assignment rules for the same period of time, in which you can have different criteria for transaction selection.

Specifying a sequence number for your assignment rules gives you the flexibility to set up assignment rules based on your business practices. For example, you might want to first process an assignment rule that’s set up for transactions associated with a particular task, and then process an assignment rule that’s set up for transactions associated with an expenditure type.