Common HTML Elements

Common HTML Elements Glossary

Creating a comprehensive glossary of all HTML elements is quite an extensive task, as HTML5 alone includes over 100 elements. However, I can provide an overview of some of the most commonly used HTML elements and their purposes. For a complete list, you would typically refer to a detailed HTML reference guide or the official documentation from the World Wide Web Consortium (W3C).

Common HTML Elements Glossary

<!DOCTYPE>: Defines the document type and HTML version.

<html>: The root element of an HTML page.

<head>: Contains meta-information about the document, like its title and link to CSS.

<title>: Specifies the title of the document, shown in a browser's title bar or tab.

<body>: Contains the content of an HTML document, such as text, images, links, etc.

<h1> to <h6>: Heading tags, with <h1> being the highest (most important) level and <h6> the lowest.

<p>: Defines a paragraph.

<a>: Defines a hyperlink.

<img>: Embeds an image in the document.

<ul>: Defines an unordered list.

<ol>: Defines an ordered list.

<li>: Defines a list item.

<div>: A block-level division in a document, used for grouping elements.

<span>: An inline container for text and/or other inline elements.

<form>: Defines a form for user input.

<input>: Defines an input control.

<textarea>: Defines a multi-line input control (text area).

<button>: Defines a clickable button.

<select>: Defines a drop-down list.

<option>: Defines an option in a drop-down list.

<link>: Defines a relationship between the document and an external resource (commonly used to link to stylesheets).

<meta>: Provides metadata about the HTML document.

<script>: Places scripts, such as JavaScript.

<style>: Contains style information for a document.

<header>: Represents a container for introductory content or a set of navigational links.

<footer>: Represents a footer for a document or section.

<article>: Defines independent, self-contained content.

<section>: Defines a section in a document.

<nav>: Defines navigation links.

<aside>: Defines content aside from the content it is placed in (like a sidebar).

<figure> and <figcaption>: Specifies self-contained content, like illustrations, diagrams, photos, code listings, etc., optionally with a caption.

<table>: Defines a table.

<tr>: Defines a row in a table.

<td>: Defines a cell in a table.

<th>: Defines a header cell in a table.

<thead>: Groups header content in a table.

<tbody>: Groups body content in a table.

<tfoot>: Groups footer content in a table.

Usage Notes

Elements like <div> and <span> are often used with CSS to style parts of the document.

The <a> element requires the href attribute for defining the link's destination.

The <img> tag needs src (source) and alt (alternative text) attributes.

Form elements (<input>, <textarea>, <button>, <select>, <option>) are used for user input and actions.

Semantic elements (<article>, <section>, <nav>, <aside>) provide meaningful structure to web documents, improving accessibility and SEO.

For a complete and up-to-date list of all HTML elements, including new elements introduced in HTML5 and beyond, it's best to refer to the official HTML specification provided by W3C or resources like the Mozilla Developer Network (MDN) web docs.

Here is a list of some commonly used HTML elements:

1. <!DOCTYPE>  2. <html>  3. <head>  4. <title> 5. <body> 6. <h1> to <h6>  7. <p> 8. <br>  9. <hr> 10. <abbr>

11. <address>  12. <b>  13. <bdi>  4. <bdo>  15. <blockquote>  16. <cite>  17. <code>

18. `<del>` 19. `<dfn>` 20. `<em>` 21. `<i>` 22. `<ins>` 23. `<kbd>` 24. `<mark>` 25. `<meter>` 26. `<pre>` 27. `<progress>`

28. `<q>` 29. `<rp>` 30. `<rt>` 31. `<ruby>` 32. `<s>` 33. `<samp>` 34. `<small>` 35. `<strong>`

36. `<sub>`

37. `<sup>`

38. `<time>`

39. `<u>`

40. `<var>`

41. `<wbr>`

42. `<area>`

43. `<audio>`

44. `<img>`

45. `<map>`

46. `<track>`

47. `<video>`

48. `<embed>`

49. `<object>`

50. `<param>`

51. `<source>`

52. `<canvas>`

53. `<noscript>`

54. `<script>`

55. `<del>`

56. `<ins>`

57. `<caption>`

58. `<col>`

59. `<colgroup>`

60. `<table>`

61. `<tbody>`

62. `<td>`

63. `<tfoot>`

64. `<th>`

65. `<thead>`

66. `<tr>`

67. `<button>`

68. `<datalist>`

69. `<fieldset>`

70. `<form>`

71. `<input>`

72. `<label>`

73. `<legend>`

74. `<meter>`

75. `<optgroup>`

76. `<option>`

77. `<output>`

78. `<progress>`

79. `<select>`

80. `<textarea>`

81. `<details>`

82. `<dialog>`

83. `<menu>`

84. `<menuitem>`

85. `<summary>`

86. `<content>`

87. `<element>`

88. `<shadow>`

89. `<template>`

90. `<slot>`

This is not an exhaustive list. There are more elements in HTML5 and some elements are deprecated in HTML5 but may still be used in older versions of HTML. Always refer to the latest HTML specification for the most accurate information.