HTML Examples

  • Last Updated : 08 Oct, 2021

The following HTML section contains a wide collection of HTML programming examples. The HTML examples are categorized based on the topics including hyperlinks, forms, tables, frames, and many more. Each program example contains multiple approaches to solve the problem.

HTML Examples

HTML Programming Tutorial
Recent articles on HTML
HTML Output & Multiple Choice Questions

Topics:

Basic Questions

  1. Difference between HTML and CSS
  2. What are physical tags in HTML?
  3. What are Deprecated Tags?
  4. Container and Empty Tags in HTML
  5. How to insert HTML Comments?
  6. How to set background image in HTML?
  7. How to define a list item in HTML5?
  8. Difference between semantic and non-semantic elements
  9. How to use HTML Color Picker?
  10. What are HTML Hex Color Codes?
  11. Difference between Block and Inline Elements
  12. What is the Drag and Drop concept?
  13. How to set the name for the object in HTML5?
  14. How to add space between elements?
  15. How to create a clickable button in HTML?
  16. How to display incorrect content using HTML5?
  17. How to create an ordered list using HTML5?
  18. How to add a parent to several tags in HTML?
  19. How to specify the alignment of the Horizontal rule using HTML5?
  20. What’s the difference between element value and data attribute?

HTML Structural Tags

  1. How to escape everything in a block in HTML?
  2. How to center a div within another div?
  3. How to rotate an HTML div element 90 degrees?
  4. How to create a moving div?
  5. How to stretch div to fit the container?
  6. Make a div horizontally scrollable using CSS
  7. How to hide text going beyond DIV element?
  8. How to set an alternate text for area in HTML5?
  9. How to read all spans of a div dynamically?
  10. How to create horizontal scrollable sections using CSS?

  1. What are HTML Links?
  2. How to link back out of a folder using the a-href tag?
  3. What is HTML <a> ping Attribute?
  4. HTML <link> disabled attribute
  5. What is the use of “#” symbol in link URL?
  6. How to create a link with a media attribute in HTML5?
  7. How to specify the source URL of the quote using HTML5?
  8. How to specify that the target will be downloaded when a user clicks on the hyperlink in HTML5?
  9. How to specify the hyperlink target for the area of an image in HTML5?
  10. How to make a HTML link that forces refresh?
  11. How to specify the relationship between the current document and the target URL in HTML5?
  12. How to set the language of text in the linked document in HTML5?
  13. How to specify what media/device the target URL is optimized for?
  14. How to specify URL of resource to be used by the object in HTML5?
  15. How to use Anchor tag as submit button?
  16. How to set the size of the linked resource in HTML5?
  17. How to insert a JavaScript variable inside href attribute?

HTML Table

  1. What are HTML Tables?
  2. What is <td> nowrap Attribute?
  3. What is tbody charoff Attribute?
  4. What is <tr> charoff Attribute?
  5. What is <td> scope Attribute?
  6. What is <td> rowspan Attribute?
  7. What is <col> valign Attribute?
  8. What is <thead> align Attribute?
  9. What is <thead> valign Attribute?
  10. How to define whether a header cell is a header for a column, row, or group of columns or rows in HTML 5?
  11. How to group header content of a table using HTML5?
  12. How to implement single row select and delete using DataTables plugin?
  13. How to define one or more header cells a cell is related to in HTML?
  14. How to set the number of rows a table cell should span in HTML?
  15. How to create a table with fixed header and scrollable body?
  16. How to make a Animated Table using HTML and CSS?

HTML Forms

  1. Elements of a form Tag
  2. How to set an alternate text for area in HTML5?
  3. How to specify one or more forms the object belongs to?
  4. How to specify one or more forms the keygen element belongs to?
  5. How to turn on/off form autocompletion in HTML?
  6. How to customize a “select” HTML form element?
  7. How to specify that a group of related form elements should be disabled using HTML?
  8. How to specify how form-data should be encoded when submitting to server?
  9. How to specify the URL that will process the data supplied through input(s) when the form is submitted?
  10. How to specify one or more forms the label belongs to?
  11. How to specify multiple forms the select field belongs to in HTML?
  12. How to set an alternate text for area in HTML5?
  13. How to change the <input> type?
  14. How to specify which form element a label is bound to?
  15. How to create a multiline input control text area in HTML5?
  16. How to define one or more forms the output element belongs to?
  17. Build a Survey Form using HTML and CSS
  18. How to create form validation by using only HTML?

HTML Frames

  1. HTML Iframes
  2. What is HTML <iframe> referrerpolicy Attribute?
  3. How to divide an HTML page into four parts using frames?
  4. How to place a div inside an iframe for IE?
  5. How to enable extra set of restrictions for content in an iframe element in HTML5?
  6. How to navigate URL in an iframe with JavaScript?

HTML Media

  1. HTML Emojis
  2. How to set width and height of background image in percent with respect to parent element in CSS?
  3. How to slice image specified by border-image-source in CSS?
  4. How to animate a straight line in linear motion?
  5. How to specify the media type of the script in HTML5?
  6. How to display video controls in HTML5?
  7. How to mute video using HTML5?
  8. How to add controls to an audio in HTML5?
  9. Create Scanning Animation Loader using HTML & CSS
  10. How to specify media type of data specified in data attribute in HTML5?
  11. How to set the height and width of the video player in HTML5?
  12. How to specify what media/device the target URL is optimized for?
  13. How to specify the type of the media resource in HTML5?
  14. How to preload the video when the page loads in HTML5?
  15. How to check whether an image is loaded or not?
  16. How to Create Image Hovered Detail using HTML & CSS?
  17. How to define media type of style tag in HTML5?
  18. How to set multiple media resources for elements in HTML5?

HTML Questions

  1. How to set a single line break in HTML5?
  2. How to set two bars with rounded arrows overlapping each other in CSS?
  3. How to create a progress bar using HTML and CSS?
  4. How to set the content as a counter?
  5. How to create Perspective Text using HTML & CSS?
  6. How to set an alternate text for area in HTML5?
  7. How to isolate a part of text that may be formatted in a different direction using HTML5?
  8. Design an Event Webpage using HTML & CSS
  9. How to create fullscreen search bar using HTML, CSS and JavaScript?
  10. How to Skew Text on Hover using HTML and CSS?
  11. Programming a slideshow with HTML and CSS
  12. How to specify that an option-group should be disabled in HTML5?
  13. How to specify the name for drop-down list in HTML5?
  14. How to disable the drop-down list in HTML5?
  15. How to specify how much work the task requires in total in HTML5?
  16. How to create Non-Rectangular Header using HTML & CSS?
  17. How to define scalar measurement within a given range in HTML5?
  18. How to set the security algorithm of key in HTML5?
  19. How to set minimum and maximum value of range in HTML5?
  20. Turn on or off Bulb using HTML & CSS

Please write comments if you find anything incorrect, or you want to share more information about the topic discussed above