Loading...

Go Back

Finish
Go Back Course Outline

Html5 Full Course


Try Practical Questions

1. Create a simple HTML document structure. Question: Create an HTML document with the following: A section with a title. A section containing a header (h1) and a paragraph (p).


2. Adding Images Question: Embed an image into your HTML page. The image source should be https://example.com/image.jpg and should have an alt attribute saying “Example Image”. Set the width and height of the image to 500px and 300px respectively.

3. Creating a List Question: Create an ordered list with the following items: Apples Bananas Oranges Mangoes Pineapples

4. Creating a Table Question: Create a table with the following structure:
First Name Last Name Age
John Doe 30
Jane Doe 25


5. Creating a Form Question: Create a form with the following fields: A text input field for the user's name. A radio button group for the user's

6. Adding Links Question: Create a link that opens in a new tab. The link should point to https://example.com and have the text "Example Link".

7. Adding Audio Question: Embed an audio file into your HTML page. The audio source should be https://example.com/audio.mp3 and should have controls.

8. Adding Video Question: Embed a video into your HTML page. The video source should be https://example.com/video.mp4 and should have controls.

9. Adding a Button Question: Create a button that says "Click Me". When clicked, the button should display an alert with the message "Hello, World!".

10. Adding a Canvas Question: Create a canvas element with a width of 200px and a height of 100px. Draw a red rectangle on the canvas with a width of 150px and a height of 50px.

11. Adding a Footer Question: Create a footer section with the text "Copyright © 2021 SplyCode. All Rights Reserved."

12. Adding a Navigation Bar Question: Create a navigation bar with the following links: Home About Us Contact Us Services

13. Adding a Section Question: Create a section with the heading "Welcome to SplyCode" and a paragraph describing the website.



14. Adding a Sidebar Question: Create a sidebar with the following links: HTML CSS JavaScript Bootstrap

15. Adding a Header Question: Create a header section with the text "SplyCode" and a logo image.

16. Adding a Footer Question: Create a footer section with the text "Copyright © 2021 SplyCode. All Rights Reserved."

17. Adding a Navigation Bar Question: Create a navigation bar with the following links: Home About Us Contact Us Services

18. Adding a Section Question: Create a section with the heading "Welcome to SplyCode" and a paragraph describing the website.

19. Adding a Sidebar Question: Create a sidebar with the following links: JavaScript CSS C C++

20.Table Creation Question: Create a table with three columns and two rows. The first row should contain the headers "Name", "Age", and "Country". The second row should contain the data: "John", "25", and "USA".

Finish